本教学作用仅限于0基础需要入门的同学
微信公众号【前端新气象】经常分享前端知识内容
可以加入自学学习群(公众号底部菜单栏加群),有同伴一起学,交流也更方便
课件代码地址: https://github.com/haojiey/js-Introductory-courseware
JavaScript 算术运算符
算数运算符用来执行常见的数学运算,例如加法、减法、乘法、除法等
运算符 | 名称 | 示例 |
---|---|---|
+ | 加法 | x + y 表示计算 x 加 y 的和 |
- | 减法 | x - y 表示计算 x 减 y 的差 |
* | 乘法 | x * y 表示计算 x 乘 y 的积 |
/ | 除法 | x / y 表示计算 x 除以 y 的商 |
% | 取模(余数) | x % y 表示计算 x 除以 y 的余数 |
++ | 自增 | ++x 将 x 加 1,然后返回 x 的值 |
x++ 返回 x 的值,然后再将 x 加 1 | ||
- - | 自减 | - -x 将 x 减 1,然后返回 x 的值 |
x-- 返回 x 的值,然后将 x 减 1 |
var x = 10,
var y = 5;
console.log("x + y =", x + y);
console.log("x - y =", x - y);
console.log("x * y =", x * y);
console.log("x / y =", x / y);
console.log("x % y =", x % y);
let x = 5;
x++;
let y = 5;
y--;
let x = 5;
let y = x++;
let z = ++x;
JavaScript 赋值运算符
赋值运算符用于给 JavaScript 变量赋值。
运算符 | 描述 | 例子 | 等同于 |
---|---|---|---|
= | 最简单的赋值运算符,将运算符右侧的值赋值给运算符左侧的变量 | 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 |
var x = 10;
x += 20;
console.log(x);
var x = 12,
y = 7;
x -= y;
console.log(x);
x = 5;
x *= 25;
console.log(x);
x = 50;
x /= 10;
console.log(x);
x = 100;
x %= 15;
console.log(x);
JavaScript 字符串运算符
- 运算符用于把文本值或字符串变量加起来(连接起来)。
如需把两个或多个字符串变量连接起来,请使用 + 运算符。
var x = "Hello ";
var y = "World!";
var z = x + y;
console.log(z);
x += y;
console.log(x);
JavaScript 比较运算符
比较运算符用来比较运算符左右两侧的表达式,比较运算符的运算结果是一个布尔值,结果只有两种,不是 true 就是 false。
运算符 | 名称 | 示例 |
---|---|---|
== | 等于 | x == y 表示如果 x 等于 y,则为真 |
=== | 全等 | x === y 表示如果 x 等于 y,并且 x 和 y 的类型也相同,则为真 |
!= | 不相等 | x != y 表示如果 x 不等于 y,则为真 |
!== | 不全等 | x !== y 表示如果 x 不等于 y,或者 x 和 y 的类型不同,则为真 |
< | 小于 | x < y 表示如果 x 小于 y,则为真 |
> | 大于 | x > y 表示如果 x 大于 y,则为真 |
>= | 大于或等于 | x >= y 表示如果 x 大于或等于 y,则为真 |
<= | 小于或等于 | x <= y 表示如果 x 小于或等于 y,则为真 |
var x = 25;
var y = 35;
var z = "25";
console.log(x == z);
console.log(x === z);
console.log(x != y);
console.log(x !== z);
console.log(x < y);
console.log(x > y);
console.log(x <= y);
console.log(x >= y);
JavaScript 逻辑运算符
逻辑运算符通常用来组合多个表达式,逻辑运算符的运算结果是一个布尔值,只能有两种结果,不是 true 就是 false。下表中列举了 JavaScript 中支持的逻辑运算符:
运算符 | 名称 | 示例 |
---|---|---|
&& | 逻辑与 | x && y 表示如果 x 和 y 都为真,则为真 |
|| | 逻辑或 | x || y 表示如果 x 或 y 有一个为真,则为真 |
! | 逻辑非 | !x 表示如果 x 不为真,则为真 |
var a = true;
var b = true;
if(a && b){console.log('逻辑与')}
if(a || b){console.log('逻辑或')}
if(!a){console.log('逻辑非')}
JavaScript 三元运算符
三元运算符(也被称为条件运算符),由一个问号和一个冒号组成,语法格式如下:
条件表达式 ? 表达式1 : 表达式2 ;
如果“条件表达式”的结果为真(true),则执行“表达式1”中的代码,否则就执行“表达式2”中的代码。
var x = 1,
y = 2;
x > y ? console.log("x 大于 y") : console.log("x 小于 y");