js遍历数组的几种方法

JavaScript中遍历数组有多种方法。其中常用的方法包括forEach、map、for循环、for of、for in、filter和find。

1. 使用forEach方法进行遍历。forEach方法接受一个回调函数作为参数，该函数在遍历数组的每个元素时被调用。可以使用item参数来访问当前遍历到的元素，使用index参数来访问元素的索引，使用self参数来访问数组本身。例如：
arr.forEach(function(item, index, self) {
console.log(item);
});
这段代码会打印出数组arr中的每个元素。

2. 使用map方法进行遍历和映射。map方法也接受一个回调函数作为参数，该函数在遍历数组的每个元素时被调用，并返回一个新的数组。可以使用item参数来访问当前遍历到的元素。例如：
let newArr = arr.map(item => {
return item * 2;
});
这段代码会将数组arr中每个元素都乘以2，并将结果保存在新数组newArr中。

3. 使用for循环进行遍历。可以使用临时变量将数组的长度缓存起来，以避免重复获取数组长度。例如：
for (var i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
这段代码会按顺序遍历数组arr中的每个元素，并打印出来。

4. 使用for of循环进行遍历。for of循环可以直接遍历数组中的每个元素。例如：
for (var item of arr) {
console.log(item);
}
这段代码会按顺序遍历数组arr中的每个元素，并打印出来。

5. 使用for in循环进行遍历。for in循环遍历的是数组的索引，而不是数组的值。例如：
for (var index in arr) {
console.log(arr[index]);
}
这段代码会按顺序遍历数组arr中的每个元素，并打印出来。

6. 使用filter方法进行遍历和筛选。filter方法也接受一个回调函数作为参数，该函数在遍历数组的每个元素时被调用，并返回一个满足某个条件的新数组。例如：
let newArr = arr.filter(item => {
return item < 3;
});
这段代码会返回一个新数组newArr，其中包含数组arr中小于3的元素。

7. 使用find方法进行遍历。find方法也接受一个回调函数作为参数，该函数在遍历数组的每个元素时被调用，直到找到满足某个条件的元素为止。例如：
let result = arr.find(item => {
return item === 3;
});
这段代码会返回数组arr中第一个等于3的元素。

以上是JavaScript中常用的几种遍历数组的方法。根据实际需求选择合适的方法来进行遍历。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [JS遍历数组的十五种方法](https://blog.csdn.net/weixin_39987434/article/details/130869691)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]