JavaScript高级程序设计（第3版）学习笔记4 js运算符和操作符

学习笔记4：JavaScript运算符和操作符

JavaScript中的运算符是用于执行各种数学和逻辑操作的符号。操作数可以是变量、常量、表达式或函数的结果。本文将带领读者掌握JavaScript中的基本运算符和操作符。

运算符

运算符是用于执行数学计算的符号，如加号、减号、乘号、除号、取余等。以下是JavaScript中常见的运算符：

算术运算符

运算符	描述
+	加号，表示两个数相加
-	减号，表示两个数相减
*	星号，表示两个数相乘
/	除号，表示两个数相除
%	取余符号，表示获取余数，如 10 % 3 的结果为 1

示例1：

var a = 10;
var b = 3;
var result = a % b;
console.log(result); // 输出1

自增和自减运算符

运算符	描述
++	自增符号，将变量加 1
--	自减符号，将变量减 1

示例2：

var a = 5;
a++; // a 等于 6
console.log(a);

var b = 7;
b--; // b 等于 6
console.log(b);

赋值运算符

运算符	描述
=	将一个值赋给变量
+=	相加，然后赋值给变量
-=	相减，然后赋值给变量
*=	相乘，然后赋值给变量
/=	相除，然后赋值给变量
%=	取模，然后赋值给变量

示例3：

var a = 10;
a += 5; // a 等于 15
console.log(a);

var b = 7;
b %= 4; // b 等于 3
console.log(b);

比较运算符

运算符	描述
==	等于，比较两个值是否相等，如果相等则返回 true
===	绝对等于，比较两个值和类型是否都相等，如果相等则返回 true
!=	不等于，比较两个值是否不相等，如果不相等则返回 true
!==	绝对不等于，比较两个值和类型是否有任何一个不相等，如果不相等则返回 true
>	大于，比较两个值的大小，如果前一个值大于后一个值，则返回 true
>=	大于等于，比较两个值的大小，如果前一个值大于等于后一个值，则返回 true
<	小于，比较两个值的大小，如果前一个值小于后一个值，则返回 true
<=	小于等于，比较两个值的大小，如果前一个值小于等于后一个值，则返回 true

示例4：

var a = 10;
var b = 5;
console.log(a == b); // 输出false
console.log(a > b); // 输出true

逻辑运算符

逻辑运算符用于比较两个或多个表达式之间的关系。以下是JavaScript中常见的逻辑运算符：

运算符	描述
&&	与运算，当左右两边表达式都为 true 时，返回 true
｜｜	或运算，当左右两边表达式有任意一个为 true 时，返回 true
!	非运算，对右边的表达式取反，如果为 true，返回 false，否则返回 true

示例5：

var a = 10;
var b = 5;
console.log(a > 5 && b > 3); // 输出true
console.log(a < 5 || b >3); // 输出true
console.log(!(a > 5 && b > 3)); // 输出false

操作符

操作符表示某一操作，常用于操作字符串、数组和对象等数据类型。以下是JavaScript中常见的操作符：

字符串操作符

字符串操作符用于连接两个字符串或将数字转换为字符串。以下是JavaScript中常见的字符串操作符：

运算符	描述
+	字符串连接，将两个字符串连接起来
+=	等同于 a = a + b
" "	空格
''	单引号
\	转义符号，用于将不可见字符转换为可见字符

示例6：

var str1 = "Hello";
var str2 = "World!";
console.log(str1 + " " + str2); // 输出Hello World!

数组操作符

数组操作符用于操作数组和元素。以下是JavaScript中常见的数组操作符：

运算符	描述
[]	数组元素访问符，用于访问数组中的元素
,	逗号，用于分隔数组中的元素
length	数组长度属性，用于获取数组中元素的数量

示例7：

var arr = [1, 2, 3, 4];
console.log(arr[1]); // 输出2
console.log(arr.length); // 输出4

对象操作符

对象操作符用于创建对象和操作对象。以下是JavaScript中常见的对象操作符：

运算符	描述
{}	对象字面量，用于创建对象
.	成员访问符，用于访问对象中的属性
in	属性判断符，用于判断属性是否存在于对象中，存在返回 true，否则返回 false
instanceof	类型判断符，用于判断对象类型，如果是返回 true，否则返回 false

示例8：

var obj = { name: "张三", age: 18 };
console.log(obj.name); // 输出张三
console.log("name" in obj); // 输出true
console.log(obj instanceof Object); // 输出true

总结

本文介绍了JavaScript中常见的运算符和操作符。在编写代码时，需要掌握各种运算符和操作符的使用方法，灵活运用。同时，需要注意JavaScript中的数据类型转换，避免因类型转换错误导致程序错误。