注:行末的分号表示当前语句结束,不过只有在单行内需要分割多条语句时,这个分号才是必须的。然而,一些人认为每条语句末尾加分号是一种好的风格。分号使用规则的更多细节请参阅 JavaScript 分号使用指南(英文页面)。
注:几乎任何内容都可以作为变量名,但还是有一些限制(请参阅 变量命名规则)。如果你不确定,还可以 验证变量名 是否有效。
注:JavaScript 对大小写敏感,myVariable 和 myvariable 是不同的。如果代码出现问题了,先检查一下大小写!
注:想要了解更多关于 var 和 let 的不同点,可以参阅 var 与 let 的区别。
var——声明变量
let——声明块中的变量
const——声明常量(一旦赋值不可更改)
算术运算符
算术运算符是我们用来做和的基本运算符:
| 运算符 | 名称 | 作用 | 示例 |
|---|---|---|---|
+ |
加法 | 两个数相加。 | 6 + 9 |
- |
减法 | 从左边减去右边的数。 | 20 - 15 |
* |
乘法 | 两个数相乘。 | 3 * 7 |
/ |
除法 | 用右边的数除左边的数 | 10 / 5 |
% |
求余(有时候也叫取模) |
在你将左边的数分成同右边数字相同的若干整数部分后,返回剩下的余数 |
8 % 3 (返回 2,8除以3的倍数,余下2 。) |
** |
幂 |
取底数的指数次方,即指数所指定的底数相乘。它在EcmaScript 2016 中首次引入。 |
5 ** 5 (返回 3125,相当于 5 * 5 * 5 * 5 * 5 。) |
注意变量可以有不同的 数据类型 :
| 变量 | 解释 | 示例 |
|---|---|---|
| String | 字符串(一串文本):字符串的值必须用引号(单双均可,必须成对)扩起来。 | let myVariable = '李雷'; |
| Number | 数字:无需引号。 | let myVariable = 10; |
| Boolean | 布尔值(真 / 假): true/false 是 JS 里的特殊关键字,无需引号。 |
let myVariable = true; |
| Array | 数组:用于在单一引用中存储多个值的结构。 | let myVariable = [1, '李雷', '韩梅梅', 10];元素引用方法: myVariable[0], myVariable[1] …… |
| Object | 对象:JavaScript 里一切皆对象,一切皆可储存在变量里。这一点要牢记于心。 | let myVariable = document.querySelector('h1');以及上面所有示例都是对象。 |
赋值运算符
但是还有一些更复杂的类型,它们提供了有用的快捷方式,可以使您的代码更加清洁和高效。 最常见的如下:
| 运算符 | 名称 | 作用 | 示例 | 等价于 |
|---|---|---|---|---|
+= |
加法赋值 | 右边的数值加上左边的变量,然后再返回新的变量。 | x = 3; |
x = 3; |
-= |
减法赋值 | 左边的变量减去右边的数值,然后再返回新的变量。 | x = 6; |
x = 6; |
*= |
乘法赋值 | 左边的变量乘以右边的数值,然后再返回新的变量。 | x = 2; |
x = 2; |
/= |
除法赋值 | 左边的变量除以右边的数值,然后再返回新的变量。 | x = 10; |
x = 10; |
比较运算符
有时,我们将要运行真/假测试,然后根据该测试的结果进行相应的操作 - 为此,我们使用比较运算符。
| 运算符 | 名称 | 作用 | 示例 |
|---|---|---|---|
=== |
严格等于 | 测试左右值是否相同 | 5 === 2 + 4 |
!== |
严格不等于 | 测试左右值是否不相同 | 5 !== 2 + 3 |
< |
小于 | 测试左值是否小于右值。 | 10 < 6 |
> |
大于 | 测试左值是否大于右值 | 10 > 20 |
| <= | 小于或等于 | 测试左值是否小于或等于右值。 | 3 <= 2 |
| >= | 大于或等于 | 测试左值是否大于或等于正确值。 | 5 >= 4 |
/*基础语法总结: 如何存储你需要的信息 — 变量 */ 声明变量 要想使用变量,你需要做的第一步就是创建它 -- 更准确的说,是声明一个变量。声明一个变量的语法是在 var 或 let 关键字之后加上这个变量的名字: let myName; let myAge; 初始化变量 一旦你定义了一个变量,你就能够初始化它. 方法如下,在变量名之后跟上一个“=”,然后是数值: myName = 'Chris'; myAge = 37; /* JavaScript中的基础数学 — 数字和操作符 */ 算术运算符是我们用来做和的基本运算符: 补充 /* 文本处理 — JavaScript中的字符串 */ 转义字符串中的字符使用反斜杠 ('\') 获得字符串的长度使用 length let browserType = 'mozilla'; browserType.length; 检索特定字符串字符,使用中括号和字符索引 browserType[0]; 在字符串中查找子字符串并提取它使用 indexOf, 返回起始位置 browserType.indexOf('zilla'); 当你知道字符串中的子字符串开始的位置,以及想要结束的字符时,slice()可以用来提取 它。 browserType.slice(0,3); 转换大小写 let radData = 'My NaMe Is MuD'; radData.toLowerCase(); radData.toUpperCase(); 替换字符串的某部分使用 replace() browserType.replace('moz','van'); /* 数组是什么? */ 创建数组 数组由方括号构成,其中包含用逗号分隔的元素列表。 let shopping = ['bread', 'milk', 'cheese', 'hummus', 'noodles']; 访问和修改数组元素 shopping[0]; // returns "bread" shopping[0] = 'tahini'; shopping; // shopping will now return [ "tahini", "milk", "cheese", "hummus", "noodles" ] 获取数组长度 sequence.length; // should return 7 字符串和数组之间的转换 let myData = 'Manchester,London,Liverpool,Birmingham,Leeds,Carlisle'; let myArray = myData.split(','); myArray; 您也可以使用 join() 方法进行相反的操作,将数字变为字符串 let myNewString = myArray.join(','); myNewString; 将数组转换为字符串的另一种方法是使用 toString() 方法 let dogNames = ["Rocket","Flash","Bella","Slugger"]; dogNames.toString(); 添加和删除数组项 要在数组末尾添加或删除一个项目,我们可以使用 push() 和 pop() let myArray = ['Manchester', 'London', 'Liverpool', 'Birmingham', 'Leeds', 'Carlisle']; myArray.push('Cardiff'); myArray.pop(); 当方法调用完成时,将返回已删除的项目 let removedItem = myArray.pop(); 获取pop 的值 unshift() 和 shift() 从功能上与 push() 和 pop() 完全相同,只是它们分别作用于数组的开始,而不是结尾。 myArray.unshift('Edinburgh'); let removedItem = myArray.shift();
浙公网安备 33010602011771号