JS 入门之运算符和表达式

---

JS 入门章节目录

• 第一章：JavaScript 概述和基础语法
• 第二章：变量和数据类型
• 第三章：运算符和表达式
• 第四章：对象
• 第五章：数组
• 第六章：函数
• 第七章：程序的三种结构
• 第八章：BOM
• 第九章：HTML DOM

---

第三章：运算符和表达式

文章の目录

运算符和表达式

算术运算符

赋值运算符

关系运算符（比较运算符）

逻辑运算符

短路逻辑：

条件运算符

运算符优先级

---

正文

运算符和表达式

运算符：JS 运算符用于赋值，比较值，执行算数运算等。

表达式：由运算符和操作数所组成的式子叫作表达式，每个表达式都有自己的值。

算术运算符

例：

// +

// 运算符两边都是 Number 类型，做加法运算。
var num1 = 5.5;
var num2 = 5;
var result = num1 + num2;    // 10.5

// 运算符两边出现 String 类型，做字符串的拼接操作。
var str = "li";
var num = 1;
var result = str + num;    // "li1"
var name = "我的名字是：" + str;    // "我的名字是：li"


// -

var num1 = 10;
var num2 = 5.5;
var num3 = "5.5";
var num4 = "5.5a";
var result1 = num1 - num2;    // 4.5
var result2 = num1 - num3;    // 4.5
var result3 = num1 - num4;    // NAN


// * / 和 - 用法相同


// %

// 判断某个数是奇数还是偶数
num % 2 == 0    // 偶数
num % 2 != 0    // 奇数

// 获取数字的每一位
var num = 123;
// 个位
var onesPlace = num % 10;    // 3
// 十位
var num = parseInt(num / 10);
var tensPlace = num % 10;    // 2
// 百位
var num = parseInt(num / 10);
var hundredsPlace = num % 10;    // 1


// 自增 自减

var num1 = 2;
var num2 = num1++;
console.log(num1,num2);    // 3 2

赋值运算符

注：

• 将运算符右侧的值赋给左侧的变量

关系运算符（比较运算符）

关系表达式的运算结果为 Boolean 类型（true 或 false）。

例：

var num = 123;
var str1 = "123";
var str2 = "123";

console.log(num == str1)    // true
console.log(num === str1)    // false

console.log(str1 == str2)    // true
console.log(str1 === str2)    // true

逻辑运算符

短路逻辑：

1、短路&&

• 如果第一个条件的结果已经为 false 的话，那么就不会再判断第二个条件，那么整个表达式的值，就是 false。
• 如果第一个条件的结果是 true 的话，则继续判断（执行）第二个条件（表达式），并且以第二个表达式的值，作为整个表达式的值。

2、短路||

• 如果第一个条件的结果已经为 true 的话，那么就不会再判断第二个条件，那么整个表达式的值，就是 true。
• 如果第一个条件的结果是 false 的话，则继续判断（执行）第二个条件（表达式），并且以第二个表达式的值，作为整个表达式的值。

例：

var num1 = 2;
var num2 = 3;
var num3 = num1 > 5 && ++num2 > 5;

console.log(num1,num2,num3);    // 2 3 false
// num1 > 5 的值为 false，则不会执行 ++num2 > 5 这个表达式，所以 num2 没有发生自增，值仍然为 3。

var num4 = num1++ <= 2 || ++num2 > 5;
console.log(num1,num2,num4);    // 3 3 true
// num1++ <= 2 的值为 true，则不会执行 ++num2 > 5 这个表达式，所以 num2 没有发生自增，值仍然为 3。

条件运算符

条件运算符需要三个操作数，所以也称为三元运算符（三目运算符）。

语法：

变量 = 条件表达式 ? 表达式1 : 表达式2;

注：

条件表达式的结果为 Boolean 类型

• 若条件表达式的结果为 true，则执行表达式1的操作，并且以表达式1的结果作为整个表达式的结果。
• 若条件表达式的结果为 false，则执行表达式2的操作，并且以表达式2的结果作为整个表达式的结果。

运算符优先级

JavaScript 中的运算符优先级是一套规则。该规则在计算表达式时控制运算符执行的顺序。

下表按照从最高到最低的优先级列出 JavaScript 运算符：

注：

• 具有较高优先级的运算符先于较低优先级的运算符执行。
• 具有相同优先级的运算符按从左至右的顺序执行。
• 通过 () 可以改变优先级。

例：

var result1 = 1 + 2 + 3 + "li";    // "6li"
var result2 = "li" + 1 + 2 + 3;    // "li123"

var num = 10;
var result = num++ + ++num + num;    // 34

var num1 = 6;
var num2 = 3;
var num3 = num1 % 2 == 0 && ++num2 >= 5;
console.log(num1,num2,num3);    // 6 4 false