JS数组遍历方法

159 阅读2分钟

js 中数组的几种方法

数组内置遍历方法

every(),some(),forEach(),reduce(),filter(),map(),find(),findIndex(); 这些方法接收两个参数:一是以每一项为参数运行的函数,而该函数接收三个参数:该数组的元素,元素的索引,以及对象即该数组本身;二是一个可选的作为函数运行上下文的作用域对象。

一、循环遍历 for(var i = 0; i < arr.length; i++){

    arr 是要遍历的数组
    arr[i] 是遍历的数组的元素

i 是数组的元素对应的下标(索引号)

}

二、for of 方法 for(var item of arr) {

    item 遍历的数组的元素

}

三、forEach 遍历 arrObj.forEach(function(item,index,self){})

    item 遍历出的每一个元素

    index 元素对应的下标

    self 数组本身

    无返回值

四、map 映射 arrObj.map(function(item,index,self){})

    item 遍历出的每一个元素

    index 元素对应的下标

    self 数组本身

    有返回值
    是回调函数的返回值组成的新数组  
    数组元素个数不变,但是按照一定的条件转换

五、filter 过滤 arrObj.filter(function(item,index,self){})

    item 遍历出的每一个元素

    index 元素对应的下标

    self 数组本身

    有返回值 

    返回满足某个条件的元素构成的数组

六、reduce 高阶函数(迭代(累加器)) arrObj.reduce(function(total,item,index,self){},初始值)

    total 初始值或计算结束后的返回值

    item 遍历出的每一个元素

    index 元素对应的下标

    self 数组本身

    有返回值 

    返回计算结束后的total值

七、every arrObj.every(function(item,index,self){})

    item 遍历出的每一个元素

    index 元素对应的下标

    self 数组本身

    有返回值 

    检测数组里的每一个值是否满足指定条件,如果有一个值不满足,返回false,剩余的值不再进行检测

    如果所有的值都满足,则返回true

八、some arrObj.some(function(item,index,self){})

    item 遍历出的每一个元素

    index 元素对应的下标

    self 数组本身

    有返回值 

    检测数组里的每一个值是否满足指定条件,如果有一个值满足,返回true,剩余的值不再进行检测

    如果所有的值都不满足,则返回false