首頁  >  文章  >  web前端  >  js中數組函數和注意事項

js中數組函數和注意事項

小云云
小云云原創
2018-03-13 16:47:201340瀏覽

本文主要和大家分享js中陣列函數和注意事項,首先我們先和大家分享js 的陣列物件有哪些,希望能幫助大家。

js 的陣列物件有哪些

  1. push       — 在陣列的末端新增一個或更多元素,並傳回新的長度。

  2. pop        — 刪除並傳回陣列的最後一個元素

  3. shift       —  刪除並傳回陣列的第一個元素

  4. #unshift   —可在陣列的開頭新增一個或更多元素,並傳回新的長度。

  5. slice     —    從某個現有的陣列傳回選定的元素

  6. sort        —  對陣列的元素進行排序

  7. join         —把陣列的所有元素放入一個字串。元素透過指定的分隔符號進行分隔。

  8. concat    — 連接兩個或更多的陣列,並傳回結果。

  9. reverse   —顛倒陣列中元素的順序。

  10. splice  — 刪除元素,並在陣列中新增元素。

使用注意事項

  1. push ,unshift  都是回傳的新的長度

  2. ##pop , shift  刪除都是返回的刪除的那個值

    var Arr1 = ['11','22','33']
    var a = Arr1.push('44');
    console.log(a);  //4
    console.log(Arr1);//["11", "22", "33", "44"]
    
    var c = Arr1.pop();
    console.log(c); //44
    console.log(Arr1);//["11", "22", "33"]
    
    var d = Arr1.pop();
    console.log(d);//33
    console.log(Arr1);//["11", "22"]
    
    var Arr2 =['a','b','c']
    var b =Arr2.unshift('-a');
    console.log(b); //4 
    console.log(Arr2); // ["-a", "a", "b", "c"]
    
    
    var e = Arr2.shift();
    console.log(e); //-a
    console.log(Arr2); // ["a", "b", "c"]
    
    var f = Arr2.shift();
    console.log(f); //a 
    console.log(Arr2); // ["b", "c"]

  3. slice 和splice

    slice 返回新數組與原來數組沒有關係不會影響來源物件
    參數(start , end )從哪裡開始( 如果為負數從後面開始數),到哪裡結束(如果是負數,從尾部開始算)

    var Arr1 = ['11','22','33']
    var a = Arr1.slice(0);
    console.log(a);
    Arr1[0] = '111';
    console.log(a);
    console.log(Arr1);

    splice  會來源物件進行分割

    arrayObject.splice(index,howmany,item1,.....,itemX)
    
    index   必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
    howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
    item1, ..., itemX   可选。向数组添加的新项目
    
    var Arr1 = ['11','22','33','44','55'];
    var a = Arr1.splice(1,5);
    console.log(a); // ["22", "33", "44", "55"]
    console.log(Arr1); //["11"]
    
    
    var Arr1 = ['11','22','33','44','55'];
    var a = Arr1.splice(1,5,'66','77','88');
    console.log(a);["22", "33", "44", "55"]
    console.log(Arr1); ["11", "66", "77", "88"]

  4. sort

    arrayObject.sort(sortby)
    sortby  可选。规定排序顺序。必须是函数。
    
    function sortNumber(a,b)
    {
    return -(a - b)
    }
    
    var arr = new Array(6)
    arr[0] = "10"
    arr[1] = "5"
    arr[2] = "40"
    arr[3] = "25"
    arr[4] = "1000"
    arr[5] = "1"
    console.log(arr.sort(sortNumber))//["1000", "40", "25", "10", "5", "1"]

  5. 字串和陣列的轉換

    var arr = new Array(6)
    arr[0] = "10"
    arr[1] = "5"
    arr[2] = "40"
    arr[3] = "25"
    arr[4] = "1000"
    arr[5] = "1"
    var a = arr.join('-');
    console.log(a);//10-5-40-25-1000-1
    var b = a.split('-');
    console.log(b);//["10", "5", "40", "25", "1000", "1"]

  6. concat

    會產生新的陣列,不會影響原來的陣列

相關推薦:

最實用的JS陣列函數整理

##常用陣列函數有哪些

JavaScript原生陣列函數講解

以上是js中數組函數和注意事項的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn