详解JavaScript ES6新增数组遍历与过滤方法
本文详细介绍JavaScript ES6中常用的数组处理方法，包括forEach遍历、filter过滤、every全满足判断、map映射转换以及some存在性检查。通过具体代码示例解析各方法的回调参数及返回值特性，帮助开发者掌握数组操作的核心技巧。
1. forEach()
该方法用于遍历数组，它不会返回任何值，即使回调函数中包含return语句，也不会影响原数组的值。
其回调函数接收以下参数：
value 表示当前遍历的元素值
index 表示当前元素的索引
arr 表示原始数组对象
let arr = ["a", "b", "c", 1, 2, 3];
arr.forEach((value, index, arr) => {
console.log(value, index, arr);
})
输出示例如下：
2. arr.filter()
该方法用于过滤数组，返回一个包含所有满足指定条件元素的新数组。
回调函数接收以下参数：
value 表示当前遍历的元素值
index 表示当前元素的索引
let arr = [1,2,3,4,5]
let arr1 = arr.filter( (value, index) => value%2 === 0)
console.log(arr1) // [2, 4]
3. arr.every()
该方法用于判断数组中的所有元素是否都满足指定条件，若全部满足则返回true，否则返回false。
回调函数接收以下参数：
value 表示当前遍历的元素值
index 表示当前元素的索引
let arr = [1,2,3,4,5]
let arr1 = arr.every( (value, index) =>value<2)
console.log(arr1) // false
let arr2 = arr.every( (value, index) =>value<6)
console.log(arr2) // true
4. arr.map()
该方法用于映射数组，即遍历数组并对每个元素执行转换操作，返回一个新数组。
回调函数接收以下参数：
value 表示当前遍历的元素值
index 表示当前元素的索引
array 表示原始数组对象
let arr = [1,2,3,4,5]
arr.map( (value,index,array)=>{
value = value * 2
console.log(`value:${value} index:${index} array:${array}`)
})
console.log(arr)
运行结果如下：
var arr1 = [1,2,3,4];
var res1 = arr1.map((item,index,arr)=>{
item = item * 3;
return item;
})
console.log(arr1); // [1,2,3,4]
console.log(res1); // [3,6,9,12]
5. arr.some()
该方法用于判断数组中是否存在至少一个元素满足指定条件，若有一个满足则返回true，否则返回false。
回调函数接收以下参数：
value 表示当前遍历的元素值
index 表示当前元素的索引
let arr = [1,2,3,4,5]
let arr1 = arr.some( (value, index) => value < 3)
console.log(arr1) // true
let arr2 = arr.some( (value, index) => value > 6)
console.log(arr2) // false
总结
以上就是本文的全部内容，希望能为读者提供有价值的参考，同时也欢迎大家关注本站以获取更多技术内容。
JavaScript异步发送HTTP请求时怎么优雅地处理错误
2026-11-05 17:10:44
5款主流JS在线运行工具对比：CodePen、JSFiddle与StackBlitz怎么选
2026-11-05 17:04:04
JavaScript入门书籍避坑：这些书不适合初学者
2026-11-05 16:31:15
JS使用Math.round实现保留两位小数的原理与代码
2026-11-05 15:35:55
JavaScript 原生 Date 对象怎么实现日期加减
2026-11-05 14:30:00