js 循环遍历总结汇总

最新推荐文章于 2025-12-03 00:48:43 发布

原创最新推荐文章于 2025-12-03 00:48:43 发布 · 542 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文总结了JavaScript中常见的几种循环遍历方式，包括while、do...while、for、for...in、map、forEach、filter、some、every、reduce、reduceRight，以及如何遍历对象的属性，如Object.keys和Object.getOwnPropertyNames。

while 循环
While语句包括一个循环条件和一段代码块，只要条件为真，就不断循环执行代码块
while (条件) 语句;

//举例：
let = 0;
while (i < 100) {
console.log(‘i 当前为：’ + i); i = i + 1;
}

do…while循环
do…while循环与while循环类似，唯一的区别就是先运行一次循环体，然后判断循环条件

// 举例：
let x = 3;
let i = 0;

do {
console.log(i); i++;
} while(i < x)

for循环
// 举例
for(let i=0;i<[1,2,3].length;i++){
console.log([1,2,3][i])
}

4.增强for…in循环
let obj = {a: 1, b: 2, c: 3};

for (let in obj) {
console.log(‘键名：’, i);
console.log(‘键值：’, obj[i]);
}

5.map()循环
map方法将数组的所有成员依次传入参数函数，然后把每一次的执行结果组成一个新数组返回

let numbers = [1, 2, 3];

numbers.map(function (elem, index, arr ) {
return n + 1;
}); // this
// [2, 3, 4]
numbers // [1, 2, 3]

6.forEach循环
[2,6,9].forEach((elem, index, arr )=>{ // 当前值、当前位置、整个数组

})

7.filter()过滤循环
[1, 2, 3, 4, 5].filter(function (elem) {
return (elem > 3);
}) // [4, 5]

8.some()，every()循环遍历，统计数组是否满足某个条件
var arr = [1, 2, 3, 4, 5];
arr.some(function (elem, index, arr) {
return elem >= 3;
});
// true

var arr = [1, 2, 3, 4, 5];
arr.every(function (elem, index, arr) {
return elem >= 3;
});
// false

9.reduce()，reduceRight()方法可依次处理数组的每个成员
reduce方法和reduceRight方法依次处理数组的每个成员，最终累计为一个值。它们的差别是，reduce是从左到右处理（从第一个成员到最后一个成员），reduceRight则是从右到左（从最后一个成员到第一个成员），其他完全一样

[1, 2, 3, 4, 5].reduce(function (a, b) {
console.log(a, b);
return a + b;
})
// 1 2
// 3 3
// 6 4
// 10 5
//最后结果：15

10.Object,keys遍历对象的属性

var obj = {
p1: 123,
p2: 456
};

Object.keys(obj) // [“p1”, “p2”]

11.Object.getOwnPropertyNames()遍历对象的属性
var a = [‘Hello’, ‘World’];
Object.keys(a) // [“0”, “1”]
Object.getOwnPropertyNames(a) // [“0”, “1”, “length”]