零基础学前端-传统前端开发（第四期-JS基础-运算）

注：JS文章流程为：数据类型>>运算>>语法，语句>>对象>>数组>>函数>>类

经过上篇内容，我们学习了JavaScript的数据类型，接下来我们学习运算（类似于你学习数学，你得先知道各类数字比如：整数，有小数点的，有分号的，今天的运算相当于了解加减乘除的符号用法）

本篇文章用谷歌浏览器来运行：我们按压F12打开console（如果你汉化过叫"控制台"）在里面输入即可

一，算数运算符

作用：执行基本的数学运算

+ 加法

- 减法

* 乘法

/ 除法

% 求余

示例

let a = 5;let b = 3;console.log(a + b); // 8console.log(a - b); // 2console.log(a * b); // 15console.log(a / b); // 1.666...console.log(a % b); // 2

二，比较运算符

作用：比较运算符用于比较两个值，返回布尔值（true 或 false）

== 等于

!= 不等于

> 大于

< 小于

>= 大于等于

<= 小于等于

示例

let a = 5;let b = 3;console.log(a == b); // falseconsole.log(a != b); // tureconsole.log(a > b); // trueconsole.log(a <= b); // false

三，逻辑运算符

作用：逻辑运算符用于组合布尔值，返回布尔结果。

&& 逻辑与（AND）

|| 逻辑或（OR）

! 逻辑非（NOT）

示例

let a = 5;let b = 3;console.log(a > 2 && b < 4); // trueconsole.log(a < 2 || b > 4); // falseconsole.log(!(a == b)); // true

四，赋值运算符

作用：赋值运算符用于给变量赋值

= 简单赋值

+= 加法赋值

-= 减法赋值

*= 乘法赋值

/= 除法赋值

%= 取模赋值

示例

let c = 10;c += 5; // c = 15c -= 3; // c = 12c *= 2; // c = 24c /= 4; // c = 6c %= 5; // c = 1console.log(c); // 1

由此我们还可以知道JavaScript读取时显示的的是最后一个结果，是因为每次运算的结果会覆盖之前的值，或者你只在最后调用了输出函数

至此，运算方面的内容完成，虽然看起来很简单，但是偏偏是细节决定成败，所以需要不断练习以熟悉