1. 程式人生 > 實用技巧 >陣列原型方法彙總

陣列原型方法彙總

  • join():用指定的分隔符將陣列的每一項拼接為字串
  • push():向陣列的末尾新增新元素
  • pop():刪除陣列的最後一項
  • shift():刪除陣列的第一項
  • unshift():向陣列首位新增新元素
  • slice():按照條件查找出其中的部分元素
  • splice():對陣列進行增刪改
  • fill():能使用特定值填充陣列中的一個或多個元素
  • let arr=[1,2,3,4,5]
    1個引數改變所有:arr.fill(1)-----------------[1,1,1,1,1]
    
    2個引數改變一部分,第二個引數指開始改變的位置:arr.fill(1,2)---------------[1,2,1,1,1]
    
    3個引數改變指定位置,三個引數分別指填充數值,起始位置引數,結束位置引數(不包括結束位置的那個引數):arr.fill(
    0,1,3)-------------[1,0,0,4,5]
  • filter():陣列過濾出符合條件的物件
  • concat():用於連線兩個或多個數組
  • indexOf():檢測當前值在陣列中第一次出現的位置索引
  • lastIndexOf():檢測當前值在陣列中最後一次出現的索引
  • every():判斷陣列中的每一項是否都滿足條件,只有所有項都滿足條件,才會返回true
  • some():判斷陣列中是否存在滿足條件的項,只要有一項滿足條件,即返回true
  • includes():判斷陣列中是否包含指定的值
  • sort():對陣列的元素進行排序
  • reverse():對陣列進行倒序
  • forEach():ES5及以下迴圈遍歷陣列的每一項
  • map():ES6迴圈遍歷陣列的每一項
  • copyWithin():用於從陣列的指定位置拷貝元素到陣列的另一個指定位置中
  • let arr=[1,2,3,4,5,6,7,8,9]
    2個引數:arr.copyWithin(3,0)----------[1, 2, 3, 1, 2, 3, 4, 5, 6](3為開始貼上位置,0為開始複製位置)
    3個引數:arr.copyWithin(3,0,3)--------------[1,2,3,1,2,3,7,8,9](3為貼上位置,0為開始複製位置,3為結束複製位置(不包括位置本身))
  • find():返回匹配的值
  • findIndex():返回匹配位置的索引
  • toLocalString():將陣列轉換為字串
  • toString():將陣列轉換為字串
  • flat():扁平化陣列
  • var arr1 = [1, 2, [3, 4]];
    arr1.flat();
    // [1, 2, 3, 4]
    var arr2 = [1, 2, [3, 4, [5, 6]]];
    arr2.flat();
    // [1, 2, 3, 4, [5, 6]]
    
    var arr3 = [1, 2, [3, 4, [5, 6]]];
    arr3.flat(2);
    // [1, 2, 3, 4, 5, 6]
    
    //使用 Infinity 作為深度,展開任意深度的巢狀陣列
    arr3.flat(Infinity);
    // [1, 2, 3, 4, 5, 6]
  • flatMap():扁平化陣列
  • entries():遍歷陣列,對鍵值對的遍歷
  • for(let [index, elem] of ['a','b'].entries()){
      console.log(indx,elem)
    }
    //0,'a'
    //1,'b'
  • keys():遍歷陣列,對鍵名的遍歷
  • for(let index of ['a','b'].keys()){
        console.log(index)// 0,1
    }
  • values():遍歷陣列,對鍵值的遍歷
  • for(let elem of ['a','b'].values){
        console.log(elem)      
    }
    //'a'
    //'b'