码农教程 - 一技在手,衣食无忧! tools

目录

JavaScript 运算符

❮ 上一节 下一节 ❯

这个加法运算符+添加数字：

这个赋值运算符=为变量赋值。

Operators

JavaScript 赋值

这个赋值运算符（=) 给变量赋值：

作业示例

let x = 10;
亲自试一试 »
// Assign the value 5 to x
let x = 5;
// Assign the value 2 to y
let y = 2;
// Assign the value x + y to z:
let z = x + y;
亲自试一试 »

JavaScript 添加

这个加法运算符（+) 添加数字：

添加

let x = 5;
let y = 2;
let z = x + y;
亲自试一试 »

JavaScript 乘法

这个乘法运算符（*) 乘以数字：

乘法

let x = 5;
let y = 2;
let z = x * y;
亲自试一试 »

JavaScript 运算符的类型

JavaScript 运算符有不同类型：

  • 算术运算符
  • 赋值运算符
  • 比较运算符
  • 字符串运算符
  • 逻辑运算符
  • 按位运算符
  • 三元运算符
  • 类型运算符

JavaScript 算术运算符

算术运算符用于对数字进行算术运算：

算术运算符 示例

let a = 3;
let x = (100 + 50) * a;
亲自试一试 »
Operator Description
+ Addition
- Subtraction
* Multiplication
** Exponentiation (ES2016)
/ Division
% Modulus (Division Remainder)
++ Increment
-- Decrement

笔记

算术运算符在 JS 算术章节。

JavaScript 赋值运算符

赋值运算符将值赋给 JavaScript 变量。

这个加法赋值运算符（+=) 向变量添加一个值。

任务

let x = 10;
x += 5;
亲自试一试 »
Operator Example Same As
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
**= x **= y x = x ** y

笔记

赋值运算符在 JS 作业章节。

JavaScript 比较运算符

Operator Description
== equal to
=== equal value and equal type
!= not equal
!== not equal value or not equal type
> greater than
< less than
>= greater than or equal to
<= less than or equal to
? ternary operator

笔记

比较运算符在 JS 比较章节。

JavaScript 字符串比较

上面的所有比较运算符也可以用于字符串：

示例

let text1 = "A";
let text2 = "B";
let result = text1 < text2;
亲自试一试 »

请注意，字符串是按字母顺序比较的：

示例

let text1 = "20";
let text2 = "5";
let result = text1 < text2;
亲自试一试 »

JavaScript 字符串加法

这个+也可用于添加（连接）字符串：

示例

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;
亲自试一试 »

这个+=赋值运算符也可用于添加（连接）字符串：

示例

let text1 = "What a very ";
text1 += "nice day";

text1 的结果将是：

What a very nice day
亲自试一试 »

笔记

当用于字符串时，+ 运算符称为连接运算符。

添加字符串和数字

两个数字相加将返回总和，而数字和字符串相加将返回一个字符串：

示例

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

的结果X,y， 和z将：

10
55
Hello5
亲自试一试 »

笔记

如果将数字和字符串相加，结果将是字符串！

JavaScript 逻辑运算符

Operator Description
&& logical and
|| logical or
! logical not

笔记

逻辑运算符在 JS 比较章节。

JavaScript 类型运算符

Operator Description
typeof Returns the type of a variable
instanceof Returns true if an object is an instance of an object type

笔记

类型运算符在JS 类型转换章节。

JavaScript 位运算符

位运算符适用于 32 位数字。

Operator Description Example Same as Result Decimal
& AND 5 & 1 0101 & 0001 0001  1
| OR 5 | 1 0101 | 0001 0101  5
~ NOT ~ 5  ~0101 1010  10
^ XOR 5 ^ 1 0101 ^ 0001 0100  4
<< left shift 5 << 1 0101 << 1 1010  10
>> right shift 5 >> 1 0101 >> 1 0010   2
>>> unsigned right shift 5 >>> 1 0101 >>> 1 0010   2

上面的示例使用 4 位无符号示例。但 JavaScript 使用 32 位有符号数字。
因此，在 JavaScript 中，~ 5 不会返回 10。它将返回 -6。
~00000000000000000000000000000101 将返回 11111111111111111111111111111010

位运算符在JS 按位章节。

通过练习测试一下

练习:

乘10和5，并提醒结果。

alert(10  5);

开始练习

❮ 上一节 下一节 ❯