标题: JavaScript 运算符参考手册 [打印本页]

---

作者: vicky.yu    时间: 2021-8-11 12:58     标题: JavaScript 运算符参考手册

JavaScript 运算符用于赋值、比较值、执行算术运算等。

JavaScript 算术运算符
算术运算符用于在变量和/或值之间执行算术。

给定 y = 5，下表解释了算术运算符：

运算符        描述        例子        y 中的结果        x 中的结果        试一试
+        加        x = y + 2        y = 5        x = 7        试一试
-        减        x = y - 2        y = 5        x = 3        试一试
*        乘        x = y * 2        y = 5        x = 10        试一试
/        除        x = y / 2        y = 5        x = 2.5        试一试
%        模数（除余）        x = y % 2        y = 5        x = 1        试一试
++        累加        x = ++y        y = 6        x = 6        试一试
x = y++        y = 6        x = 5        试一试
--        递减        x = --y        y = 4        x = 4        试一试
x = y--        y = 4        x = 5        试一试
有关算术运算符的知识，请阅读我们的 JavaScript 算术教程。

JavaScript 赋值运算符
赋值运算符用于为 JavaScript 变量赋值。

给定 x = 10 且 y = 5，下表解释了赋值运算符：

运算符        例子        等同于        x 中的结果        试一试
=        x = y        x = y        x = 5        试一试
+=        x += y        x = x + y        x = 15        试一试
-=        x -= y        x = x - y        x = 5        试一试
*=        x *= y        x = x * y        x = 50        试一试
/=        x /= y        x = x / y        x = 2        试一试
%=        x %= y        x = x % y        x = 0        试一试
有关赋值运算符的知识，请阅读我们的 JavaScript 赋值教程。

JavaScript 字符串运算符
+ 运算符和 += 运算符还可用于连接（添加）字符串。

给定 text1 = "Good "、text2 = "Morning"，以及 text3 = ""，下表解释了该运算符：

运算符        例子        text1        text2        text3        试一试
+        text3 = text1 + text2        "Good "        "Morning"        "Good Morning"        试一试
+=        text1 += text2        "Good Morning"        "Morning"        ""        试一试
比较运算符
在逻辑语句中使用比较运算符来确定变量或值之间的相等性或差异。

给定 x = 5，下表解释了比较运算符：

运算符        描述        比较        返回        试一试
==        等于        x == 8        false        试一试
x == 5        true        试一试
===        相等值和相等类型        x === "5"        false        试一试
x === 5        true        试一试
!=        不相等        x != 8        true        试一试
!==        不相等的值或不相等的类型        x !== "5"        true        试一试
x !== 5        false        试一试
>        大于        x > 8        false        试一试
<        小于        x < 8        true        试一试
>=        大于或等于        x >= 8        false        试一试
<=        小于或等于        x <= 8        true        试一试
有关比较运算符的知识，请阅读我们的 JavaScript 比较教程。

条件（三元）运算符
条件运算符根据条件将值赋给变量。

语法
variablename = (condition) ? value1:value2
实例
voteable = (age < 18) ? "Too young":"Old enough";
亲自试一试
例子解释：
如果变量 "age" 的值小于 18，则变量 "voteable" 的值将为 "Too young"，否则，"voteable" 的值将为 "Old enough"。

逻辑运算符
逻辑运算符用于确定变量或值之间的逻辑。

给定 x = 6 且 y = 3，下表解释了逻辑运算符：

运算符        描述        例子        试一试
&&        and        (x < 10 && y > 1) is true        试一试
||        or        (x === 5 || y === 5) is false        试一试
!        not        !(x === y) is true        试一试
JavaScript 位运算符
位运算符可处理 32 位数字。该运算中的任何数字操作数都将转换为 32 位数字。结果将转换回 JavaScript 数字。

运算符        描述        例子        等同于        结果        十进制
&        AND        x = 5 & 1        0101 & 0001        0001        1
|        OR        x = 5 | 1        0101 | 0001        0101        5
~        NOT        x = ~ 5        ~0101        1010        10
^        XOR        x = 5 ^ 1        0101 ^        0100        4
<<        Left shift        x = 5 << 1        0101 << 1        1010        10
>>        Right shift        x = 5 >> 1        0101 >> 1        0010        2
上面的例子使用了 4 位无符号的示例。但是 JavaScript 使用 32 位带符号的数字。

因此，在 JavaScript 中，~ 5 不会返回 10，而是返回 -6。

~00000000000000000000000000000101 将返回 11111111111111111111111111111010

typeof 运算符
typeof 运算符返回变量、对象、函数或表达式的类型：

实例
typeof "John"                 // 返回 string
typeof 3.14                   // 返回 number
typeof NaN                    // 返回 number
typeof false                  // 返回 boolean
typeof [1, 2, 3, 4]           // 返回 object
typeof {name:'John', age:34}  // 返回 object
typeof new Date()             // 返回 object
typeof function () {}         // 返回 function
typeof myCar                  // 返回 undefined（如果未声明 myCar）
typeof null                   // 返回 object
亲自试一试
请注意：

NaN 的数据类型是 number
数组的数据类型是 object
日期的数据类型是 object
null 的数据类型是 object
未定义变量的数据类型是 undefined
您不能使用 typeof 定义 JavaScript 对象是否为数组（或日期）。

您无法使用 typeof 来定义 JavaScript 对象是否为数组（或日期）。

delete 运算符
delete 运算符从对象中删除属性：

实例
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
delete person.age;   // 删除 person["age"];
亲自试一试
delete 运算符会同时删除属性的值和属性本身。

删除后，再次将其重新添加前，无法使用该属性。

delete 运算符旨在用于对象属性。它对变量或函数没有影响。

注释：不应在预定义的 JavaScript 对象属性上使用 delete 运算符。这么做可能会使您的应用程序崩溃。

in 运算符
如果指定的属性在指定的对象中，则 in 运算符将返回 true，否则返回 false：

实例
// 数组
var cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars          // 返回 false（指定索引号而不是值）
0 in cars               // 返回 true
1 in cars               // 返回 true
4 in cars               // 返回 false（不存在）
"length" in cars        // 返回 true（length 是数组属性）

// 对象
var person = {firstName:"John", lastName:"Doe", age:50};
"firstName" in person   // 返回 true
"age" in person         // 返回 true

// 预定义对象
"PI" in Math            // 返回 true
"NaN" in Number         // 返回 true
"length" in String      // 返回 true
亲自试一试
instanceof 运算符
如果指定对象是指定对象的实例，则 instanceof 运算符返回 true：

实例
var cars = ["Saab", "Volvo", "BMW"];

cars instanceof Array;          // 返回 true
cars instanceof Object;         // 返回 true
cars instanceof String;         // 返回 false
cars instanceof Number;         // 返回 false
亲自试一试
void 运算符
void 运算符计算一个表达式并返回 undefined。该运算符通常用于使用 "void(0)" 来获取未定义的原始值（在计算表达式而不使用返回值时很有用）。

实例
<a href="javascript:void(0);">
  无用的链接
</a>

<a href="javascript:void(document.body.style.backgroundColor='red');">
  单击我将 body 的背景色更改为红色
</a>
亲自试一试
JS String
JS 语句

CSS 参考手册
CSS 实例
CSS 测验
CSS 教程


W3School 简体中文版提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有，保留一切权利

---

欢迎光临 赛捷软件论坛 (http://sagesoft.cn/bbs/)

Powered by Discuz! 7.2