1. 程式人生 > >js之陣列的方法

js之陣列的方法

陣列的方法

  1. push
    • 作用:在陣列末尾追加元素。
    • 引數:追加到陣列後面的元素,可以是多個,用逗號隔開。
    • 返回值:新陣列的長度。
    • 原有陣列變化
  2. pop
    • 作用:刪除陣列最後一個元素。
    • 引數不需要引數。
    • 返回值 :被刪除的陣列的最後一項元素。
    • 原有陣列變化
  3. shift
    • 作用:刪除陣列的第一個元素。
    • 引數:沒有引數。
    • 返回值:被刪除的陣列的第一項元素。
    • 原有陣列變化
  4. unshift
    • 作用:在陣列的前面新增元素。
    • 引數:要新增的值,可以是多個引數。
    • 返回值:新陣列的長度。
    • 原有陣列變化
  5. slice
    • 作用:擷取陣列,從第一個引數開始,到第二個引數停止,但是包括第一個引數,不包括第二引數。原先的陣列不變。
    • 引數:slice(m,n):從索引m開始擷取到索引n,但是不包含n這一項。
      slice(m) : 從索引m開始擷取到陣列的末尾
      slice() : 克隆一份一模一樣的陣列
    • 返回值:擷取的那部分資料,以陣列的方式。
    • 原有陣列不改變
  6. splice
    • 刪除陣列的某幾項
    • splice(m,n) : 從索引m開始,刪除n個
      splice(m) : 從索引m開始,刪除到末尾
      splice(0) : 全部刪除
      splice(m,n,x) : 替換;從索引m開始,刪除n個,用x進行替換;
      splice(m,0,x) : 新增;從索引m的前一項新增x;
    • 原來的陣列發生了變化
  7. sort
    • 作用:對陣列進行排序
    • 引數:
      沒有引數,只能排相同位數的
      ary.sort(function(a,b){return a-b}) 從小到大
      ary.sort(function(a,b){return b-a}) 從大到小

    • 返回值:返回值是排好序的陣列
    • 原有陣列發生改變

  8. reverse
    • 作用:將陣列倒序排列
    • 引數 不需要引數
    • 返回值:陣列倒序之後的陣列
    • 原有陣列改變
  9. indexOf
    • 作用:用來獲取當前陣列成員第一次出現的索引位置
    • 引數:需要引數
    • 返回值:如果陣列成員不存在這一項,返回-1,存在返回當前的索引。
    • 原有陣列不改變
  10. lastIndexOf
    • 作用:校驗陣列成員最後一次出現的索引位置
    • 引數:需要引數
    • 返回值:存在則返回最後一次的索引;不存在就返回-1
    • 原有陣列不變
  11. concat
    • 作用:陣列的拼接
    • 引數:需要引數。如果沒有引數,就克隆一份一模一樣的陣列
    • 返回值:拼接後的陣列
    • 原有陣列不變
  12. join
    • 作用:按照指定的字元進行拼接成一個字串
    • 引數:需要引數,如果沒有,預設是逗號隔開
    • 返回值:返回一個連線後的字串
    • 原有陣列不變
  13. **split("_")**
    • 作用:字串轉換為陣列,通過指定字元將字串拆分為陣列。
  14. forEach
    • 作用:用來遍歷陣列每一項
    • 引數:需要引數

      第一個是陣列的每一項
      陣列成員的索引
      要迴圈的陣列

    • 返回值:返回值是undefined
    • 原有陣列不變

    //v:陣列成員專案;
    //i:陣列成員項索引;
    //ary:要迴圈的陣列。
    arr.forEach(function(v,i,ary){
    
    }
    )
  15. map
    • 作用:遍歷,對映
    • 引數:需要引數
    • 返回自:返回一個對映之後的陣列,即和原陣列相對應的新陣列。
    • 原有陣列不發生改變
var newAry=arr.map(function(v,i,ary){
    return v+'px';//返回拼接後的新陣列
}
)