← 返回目录

7. 算数与自增运算符

算数运算符就是加减乘除模,自增自减就是每次加 1 / 减 1。

核心五种:
+ - * /——加减乘除
%——取余(判断奇偶、循环分组)
++ --——自增自减,前置先加后用、后置先用后加

坑:i++ 和 ++i 搞混、0.1 + 0.2 不等于 0.3(精度问题)、除零得 Infinity 不报错

7.1 互动演示

输入数字点按钮。

7.2 知识点逐条讲解(配合代码)

① 算数运算符:% 取余,用来判断奇偶

加减乘除你都会,重点说 % 取余——就是"除完剩下的零头"。比如 7 除以 2 得 3 余 1,所以 7 % 2 = 1

它最常用的一个本事:判断奇偶。一个数除以 2 余 0 就是偶数,余 1 就是奇数,特别方便。

运算符作用例子
+加(碰到文字就变拼接)10 + 20
-20 - 5
*3 * 6
/20 / 4
%取余(要除完剩的零头)7 % 2 = 1
// 拿 27 这个数来试取余
let num = 27;
// 1 → 除2剩1,说明 27 是奇数
console.log(num % 2);
// num % 2 === 0 就代表它是偶数

② 前置 ++ 和后置 ++:先加还是先用

++ 就是"让数字自己加 1"。但放变量前面还是后面,取这个值的时机不一样

// 后置 a++:先拿"现在的旧值"去用,用完再偷偷 +1
let a = 10;
// 打印 10(先用旧的 10)
console.log(a++);
// 打印 11(用完才加过,现在变 11 了)
console.log(a);

// 前置 ++a:先 +1,再拿"新值"去用
let b = 10;
// 打印 11(先变成 11 再打印)
console.log(++b);
// 打印 11
console.log(b);

如果你把 ++ 混在 console.log(a++) 这种复杂写法里,很容易搞混到底打印的是几。记住口诀:后置=先拿旧值、后加;前置=先加、再用新值。实际开发建议把 ++ 单独写一行,别跟别的数挤一起,给自己挖坑。

实战:用在哪 / 常见坑 / 怎么解决

① 可能在什么地方用:购物车数量点一下加 1;分页点下一页;隔行变色用 % 2 判奇偶。

② 常见的问题:把 a++ 写在打印里,打出来的和想的不一样;隔行变色把 % 用错。

③ 解决思路:把 ++ 单独写一行;不确定时先打印旧值、再打印自增后的值对比。

一句话记住:% 取余判奇偶(除以2余0偶、余1奇);a++ 先用旧值再+1,++a 先+1再用新值;++ 单独写一行最省心

本页重点

API作用参数返回值代码示例
%取余(除完还剩多少)两个数余数console.log(7 % 2); // 1
a++ / a--后置:先用旧值,再 +1 / -1变量旧值let a = 5;
console.log(a++); // 5(先用旧值)
++a / --a前置:先 +1 / -1,再用新值变量新值let a = 5;
console.log(++a); // 6(先加再用)