item, index, arr
分别指元素、元素对应的索引、传入进来的数组(在实例中为arr)// filter 过滤掉数组中的奇数
var arr = [1, 3, 4, 6, 7, 8]
var after = arr.filter(item => {
return item % 2 === 0; // return true的item才会留下来
})
console.log(after); // [ 4, 6, 8 ]
注意:filter返回一个新数组,不会改变原有数组。
2. foreach——用于对数组中的元素进行修改操作
参数列表:传入一个箭头函数(匿名函数),箭头函数的参数:item, index, arr
分别指元素、元素对应的索引、数组
实例:
//foreach遍历将数组中的元素变成他们各自的2倍
var arr = [1, 3, 4, 6, 7, 8]
arr.forEach((item, index, array) => {
array[index] = item * 2 // 不能写成item *= 2
})
console.log(arr) // [ 2, 6, 8, 12, 14, 16 ]
注意:foreach没有返回值,改变的是原有数组
3. map——同foreach相似,有返回值
参数列表:参数列表同上
实例:
//map遍历数组将数组中的元素变为原来的2倍
var arr = [1, 3, 4, 6, 7, 8]
var after = arr.map(item => {
return item * 2;
})
console.log(after) // [ 2, 6, 8, 12, 14, 16 ]
注意:返回新的数组,原有数组未被改变
4. every——用于判断数组中的每一项元素是否都满足条件,返回一个布尔值
参数列表:同上
实例:
// every判断数组中所有元素是否都为奇数
var arr = [1, 3, 4, 6, 7, 8]
var isAllOdd = arr.every(item => {
return item % 2 === 1
})
console.log(isAllOdd) // false
注意: 不返回数组,返回布尔值
5. some ——与every对比着来看
参数列表:同上
实例:
// some判断数组中是否有奇数
var arr = [1, 3, 4, 6, 7, 8]
var hasSomeOdds = arr.some(item => {
return item % 2 === 1;
})
console.log(hasSomeOdds)
注意: 不返回数组,返回布尔值
6. reduce——功能较强大的遍历方式,可以分步对数组进行操作(ES6)
参数列表也比较复杂,它的语法是这样的:
arr.reduce(function(prev,cur,index,arr){
...
}, init);
其中,匿名函数的四个参数分别为:prev表示上次操作的返回值(没有上次的返回值时是初始值),cur表示当前遍历到的元素,index是cur的索引,arr是传入的数组;第二个参数init表示所有操作开始前的初始值。
实例:
//reduce进行数组去重
var arr = [1, 3, 4, 4, 6, 8, 7, 8]
var after = arr.reduce((prev, cur) => {
if (prev.indexOf(cur) === -1) prev.push(cur)
return prev
}, [])
console.log(after) // [ 1, 3, 4, 6, 8, 7 ]
注意:根据具体的需求确定传入的匿名函数返回值以及传入的init初始值