← 返回目录

7. 算数与自增运算符

算数里最容易翻车的是 % 取余和前后置 ++。先点按钮感受差别，再看规则。

7.1 互动演示

7.2 知识点逐条讲解（配合代码）

① 算数运算符：% 取余，用来判断奇偶

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

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

let num = 27;                 // 拿 27 这个数来试取余
console.log(num % 2); // 1 → 除2剩1，说明 27 是奇数
// num % 2 === 0 就代表它是偶数
		

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

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

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

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

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

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

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

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

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