Js遍历方法总结

最新推荐文章于 2025-05-28 17:21:59 发布

原创最新推荐文章于 2025-05-28 17:21:59 发布 · 508 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#算法 #数据结构

1.for

for (let i = 0; i < 5; i++) {

console.log(i);

// 输出：0，1，2，3，4

}

2、forEach

let arr = [1, 2, 3, 4, 5];

arr.forEach((item, index) => {

// do something

console.log("item:", item, "index:", index);

/* 输出：item: 1 index: 0

item: 2 index: 1

item: 3 index: 2

item: 4 index: 3

item: 5 index: 4 */

});

// item：当前元素，index：当前元素的索引值

3、for of

for of遍历的是数组元素值，适用遍历数组、数组对象、字符串。

let arr = [1,2,3,4,5];
for(let item of arr) {
console.log(item);
// 输出：1,2,3,4,5
// item是值
}

4、for in

for in遍历的是数组的索引（及键名），更适合遍历对象。

let arr = [1,2,3,4,5];
for(let index in arr) {
console.log(index);
// 输出：0,1,2,3,4
// 这里的index是键名
}

5、map

有返回值，不会改变原数组，返回一个经过回调函数操作的新数组。

let arr = [1,2,3,4,5];
let result = arr.map(function(item, index) {
return item*2;
})
console.log(result);
// 输出[ 2, 4, 6, 8, 10 ]
// item：当前元素 index：当前元素的索引值

6、filter

不影响原数组，返回一个新数组，回调函数若返回true，filter就把这一项添加到新数组中。

let arr = [1,2,3,4,5];
let result = arr.filter(function(item, index) {
return item>2;
});
console.log(result);
// 输出[ 3, 4, 5 ]
// item：当前元素 index：当前元素的索引值

7、some和every

some是对数组的每一项运行给定函数，如果该函数对任一项返回true,则返回true. 找到则不会继续向下迭代。

let arr = [1,2,3,4,5];
let res = arr.some(function(item, index) {
return item>2;
})
console.log(res);
// true
// item：当前元素 index：当前元素的索引值

every是对数组的每一项运行给定函数，如果该函数对每一项返回true,则返回true.一旦有一个返回false则不会向下迭代。

let arr = [1,2,3,4,5];
let res = arr.every(function(item, index) {
return item>2;
})
console.log(res);
// false
// item：当前元素 index：当前元素的索引值

8、find和findIndex

find返回符合条件的第一个元素，否则返回undefined。

let arr = [1,2,3,4,5];
let res = arr.find(function(item, index) {
return item>2;
})
console.log(res);
// 3
// item：当前元素 index：当前元素的索引值

findIndex返回符合条件的第一个元素的索引值，否则返回-1。

let arr = [1,2,3,4,5];
let res = arr.findIndex(function(item, index) {
return item>2;
})
console.log(res);
// 2
// item：当前元素 index：当前元素的索引值

9、reduce

reduce()方法接收一个函数作为累加器，数组中的每一个值（从左到右）开始缩减，最终计算为一个值。
语法：

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
参数描述
function(total,currentValue, index,arr) 必需。用于执行每个数组元素的函数。
函数参数:
total 必需。初始值, 或者计算结束后的返回值。
currentValue 必需。当前元素
currentIndex 可选。当前元素的索引
arr 可选。当前元素所属的数组对象。
initialValue 可选。传递给函数的初始值