JS数组循环遍历常用方法总结

最新推荐文章于 2024-09-04 16:22:06 发布

lvan找不到bug

最新推荐文章于 2024-09-04 16:22:06 发布

阅读量2.7k

点赞数 1

分类专栏： JS 文章标签： javascript es6

本文链接：https://blog.csdn.net/l508742729/article/details/108059029

版权

本文总结了JavaScript中常用的数组循环遍历方法，包括for循环、forEach、filter、map、some、every、for of、find及findIndex。for循环适用于需要优化性能的情况，forEach不支持IE，filter和map用于数组筛选和转换，some和every判断数组中是否存在满足条件的元素，for of遍历各种类型的数据，find和findIndex则用于查找符合条件的元素及其索引。

摘要由CSDN通过智能技术生成

1. for 循环

for 循环在JavaScript 刚萌生的时候就出现了，for循环是使用临时变量，将长度缓存起来，避免重复获取数组长度，当数组较大时优化效果才会比较明显。for循环没有返回值。

for (var i = 0; i < arr.length; i++) {
   
    console.log(arr[i])
}

2. forEach 循环

遍历数组中的每一项，没有返回值，对原数组没有影响，但不支持IE

arr.forEach((value, index, array) => {
   
	// 参数一是: 数组元素
	// 参数二是: 数组元素的索引
	// 参数三是：当前的数组
})

3. filter 数组过滤

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素，主要用于筛选数组。

注意：它不会改变原始数组，但是直接返回一个新数组。

let arr = [12, 66, 4, 88, 3, 7];
let res = arr.filter((value, index, array) => {
   
	// 参数一是:数组元素
	// 参数二是:数组元素的索引
	// 参数三是：当前的数组
	return value >= 20;
}