JS数组,高阶方法

2021-07-30 08:31:07 阅读：177 来源： 互联网

JS数组中高阶遍历方法
JS高阶函数-遍历方法#
filter()#
filter方法检查数组，删除不匹配的元素，返回一个新数组

filter方法内部传入回调函数，回调函数要求必须传入数组的value
Copy
const arr = [1,2,3,4];
let newArr = arr.filter(function(n){
return n<3;
})
console.log(newArr)//1,2

map()#
map方法遍历并处理数组中每个元素，并返回一个新数组

回调函数中传入的值为数组的value

Copy
const arr = [1,2,3,4];
let newArr = arr.map(function(n){
return n*2;
})
console.log(newArr)//2,4,6,8
forEach()#
forEach方法为数组每个元素都执行一次回调函数，将元素传递给回调函数。

forEach和map的区别是没有返回值

Copy
const arr = [1,2,3,4];
arr.forEach(function(item,index){
let newArr = index+'-'+item*2;
console.log(newArr)
})

reduce()#
reduce方法依次处理数组的每个成员，最终累计为一个值。

**建议直接用设置初始值的方法 **

Copy

因为reduce方法面对空数组时需要一个初始值，
如果数组内是对象，在没有初始值方法中，第一次遍历previousValue是一个成员需要计算
使用方法

该方法接收的第一个参数为函数，第二个为初始值

函数中又接收两个参数，(之前的返回值，当前值)

Copy
reduce(function(之前的返回值,当前值){},初始值)
没有初始值

函数内参数1为数组第一个成员，参数2为数组第二个成员
参数1为第一次遍历的返回值，参数2为数组依次遍历的值，直到完成
Copy
const arr = [1,2,3,4,5]
let newArr = arr.reduce(function (preValue,nowValue) {
return preValue+nowValue;
})
console.log(newArr);
//1 2
//3 3
//6 4
//10 5
//最后结果15
设置了初始值

第一次遍历初始值与数组第一个成员
第二次遍历时参数1为返回值，参数2为数组依次遍历的值，直到完成
Copy
const arr = [1,2,3,4,5]
let newArr = arr.reduce(function (preValue,nowValue) {
return preValue+nowValue;
},10)
console.log(newArr);
//10 1
//11 2
//13 3
//16 4
//20 5
//最后结果25

find()#
find方法遍历数组，返回符合条件的子元素

内如果判断为true，则返回item。

Copy
const arr = [1,2,3,4]
let arrItem = arr.find(function(n){
return n==2;
});
console.log(arrItem);
//2

every()#
every方法用于检测数组内所有元素是否都符合条件，返回布尔值

如果数组有一个元素不满足，则整个表达式返回 false，并剩余元素不会再检测

every不会对空数组进行检测
every不会改变原始数组

Copy
const arr = [1,2,3,4]
let isTrue = arr.every(function(n){
return n>2;
})
console.log(isTrue);
//false

标签：arr,遍历,newArr,初始值,JS,数组,Copy,高阶
来源： https://www.cnblogs.com/Listener-wy/p/15077957.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JS数组,高阶方法