ES6 数组新增方法

2018-11-07  本文已影响0人  神话降临
 const arr = [1,2,3,4]
 console.log(Array.isArray(arr))  //true
 

返回计算后的数值,不改变原数组
可以操作任意类型数组

reduce四个参数
/*
*result 表示的是arr[0]
*item arr里面的元素从下标1开始,arr[1],arr[2],arr[3]
*index 数组下标(下标0除外,从1开始)
*arr 当前操作的数组 ,在此表示数组arr
*/
 const arr = [1,2,3,4]
 let num = arr.reduce((result,item,index,arr)=>{
          return result+item
       })
console.log(num) // 10

无返回值,遍历当前数组
可遍历任意类型数组

/*
*item arr里面的元素
*index 数组下标
*arr 当前操作的数组 ,在此表示[1,2,3,4]
*/
 const arr = [1,2,3,4]
 arr.forEach((item,index,arr)=>{
         console.log(index+ '-' +item) 
       })

遍历数组返回一个新数组,不改变原数组
只能操作number类型数组

/*
*item arr里面的元素
*index 数组下标
*arr 当前操作的数组 ,在此表示[1,2,3,4]
*/
 const arr = [1,2,3,4]
 let mapNum = arr.map((item,index,arr) => {
         return item*10
      })
console.log(mapNum) // [10,20,30,40]

过滤掉数组中不满足条件的值,返回一个新数组,不改变原数组的值
可过滤任意类型数组

/*
*item arr里面的元素
*index 数组下标
*arr 当前操作的数组 ,在此表示[1,2,3,4]
*/
 const arr = [1,2,3,4]
 let filterNum = arr.filter((item,index,arr) =>{
        return item > 2
      })
console.log(filterNum) // [3,4]

遍历数组每一项,有一项返回true则停止遍历,结果返回true,不改变原数组

/*
*item arr里面的元素
*index 数组下标
*arr 当前操作的数组 ,在此表示[1,2,3,4]
*/
 const arr = [1,2,3,4]
 let someNum = arr.some((item,index,arr)=>{
        return item > 3
      })
console.log(someNum) // true

遍历数组每一项,所有都为true返回true,有一项为false则停止遍历,返回false

/*
*item arr里面的元素
*index 数组下标
*arr 当前操作的数组 ,在此表示[1,2,3,4]
*/
 const arr = [1,2,3,4]
 let everyNum = arr.every((item,index,arr) => {
        return item > 1
      })
console.log(everyNum) //false


上一篇下一篇

猜你喜欢

热点阅读