forEach和map和filter的区别总结

最大的区别:

forEach不会反悔新的数组,而是在原数组的基础上改变数组,可以用于数组的修改

ag:

var arr = new Array();

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

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

console.log(item,index,a) //子元素,索引,原数组

arr[index] = item + 1

})

console.log(arr) //arr是一个新的数组

// map不改变原数组,会将处理过的数据组成一个新的数组

var arr = new Array(),arrNew = new Array();

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

arrNew = arr.map((item,index,a)=>{

// console.log(item,index,a) //子元素,索引,原数组

return item * item

})

console.log(arr);//[1, 2, 3, 4, 5, 6]

console.log(arrNew);//[1, 4, 9, 16, 25, 36]

//filter不会改变原数组,但是也会将满足条件的元素组成印个新的数组,return出来

var arr = new Array(),arrNew = new Array();

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

arrNew = arr.filter((item,index,a)=>{

// console.log(item,index,a) //子元素,索引,原数组

return item > 3

})

console.log(arr);//[1, 2, 3, 4, 5, 6]

console.log(arrNew);//[4, 5, 6]

//map和filter的区别主要在于,当过滤而不是改变的时候,map return的是一个盛放布尔值的数组

// every不是过滤也不是进行处理,也不会生成新的数组,他是对数组中的每一个元素进行判断

// 每一个元素都满足要求就返回true,只要有一个不满足就返回false

var arr = new Array();

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

var arrNew = arr.every((item,index,a)=>{

return item > 3

})

console.log(arr);//[1, 2, 3, 4, 5, 6]

console.log(arrNew); //false

// some和every一样不是过滤也不是进行处理,也不会生成新的数组,他是对数组中的每一个元素进行判断

// 但是只要有一个元素满足要求就返回true,都不满足就返回false

var arr = new Array();

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

var arrNew = arr.some((item,index,a)=>{

return item > 5

})

console.log(arr);//[1, 2, 3, 4, 5, 6]

console.log(arrNew); //true

猜你喜欢

转载自blog.csdn.net/qq_42894094/article/details/88724045