美文网首页
ES6 数组新增方法

ES6 数组新增方法

作者: 神话降临 | 来源:发表于2018-11-07 14:08 被阅读0次
    • Array.isArray(arr)
     const arr = [1,2,3,4]
     console.log(Array.isArray(arr))  //true
     
    
    • reduce

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

    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
    
    • forEach遍历

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

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

    遍历数组返回一个新数组,不改变原数组
    只能操作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]
    
    • filter

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

    /*
    *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]
    
    • some

    遍历数组每一项,有一项返回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
    
    • every

    遍历数组每一项,所有都为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
    
    • find
    
    
    • includes
    
    

    相关文章

      网友评论

          本文标题:ES6 数组新增方法

          本文链接:https://www.haomeiwen.com/subject/bdpfzftx.html