javascript中%用于奇偶判断和循环轮播:对2取模得0为偶数、非0为奇数;对数组长度取模实现索引绕回,如items[i % items.length];负数时用((i % len) + len) % len确保非负。

JavaScript中用取模运算符(%)判断奇偶数和实现循环轮播,核心都是利用余数特性:对2取模结果为0是偶数、为1是奇数;对数组长度取模可让索引自动“绕回”开头。
用 % 2 快速判断奇偶数
取模运算符 % 返回除法的余数。整数对2取模,结果只能是0或1:
-
偶数 % 2 === 0 —— 如
4 % 2得0 -
奇数 % 2 === 1 —— 如
7 % 2得1
常用写法:
function isEven(num) {
return num % 2 === 0;
}
function isOdd(num) {
return num % 2 !== 0; // 或 num % 2 === 1(注意:负数时后者不严谨,推荐用 !== 0)
}
⚠️ 注意:负数也适用,如 -3 % 2 在JavaScript中返回 -1,所以判断奇数建议用 num % 2 !== 0 更稳妥。
Java Linux版下载入口,提供 Oracle JDK 26.0.2 官方 Linux 安装包、Java 环境配置、JDBC 数据库连接和 Java 服务端开发相关信息。
用 % 数组长度 实现循环轮播
轮播常需在有限项之间无限循环切换。假设轮播图数组为 items = ['A', 'B', 'C'](长度3),想让索引超出范围时自动回到开头或末尾,就用 index % items.length:
-
0 % 3 → 0→ 'A' -
1 % 3 → 1→ 'B' -
2 % 3 → 2→ 'C' -
3 % 3 → 0→ 又回到 'A'(完成一轮) -
5 % 3 → 2→ 'C';-1 % 3 → -1(JS中负数取模为负),若需支持后退循环,可改写为:((index % len) + len) % len
实际轮播示例(自动+手动切换):
const items = ['幻灯片1', '幻灯片2', '幻灯片3'];
let currentIndex = 0;
<p>function showNext() {
currentIndex = (currentIndex + 1) % items.length;
console.log(items[currentIndex]);
}</p><p>function showPrev() {
const len = items.length;
currentIndex = ((currentIndex - 1) % len + len) % len; // 处理负数
console.log(items[currentIndex]);
}</p>
小技巧:结合取模做样式交替或分组渲染
比如列表隔行变色、每3项一组渲染,都可用取模简化逻辑:
- 隔行变色:
index % 2 === 0 ? 'even' : 'odd' - 每3项一组:
Math.floor(index / 3)得组号,或index % 3得组内序号(0/1/2)
这类模式本质都是把线性索引映射到有限周期空间,取模是最轻量、最直接的工具。
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南










