js數組操作的常用方法

數組：arr=[1,2,3,4,5];

1、數組轉換成字符串，不會修改原數組內容：

arr.join();                      //  "1,2,3,4,5"
arr.join("");                    // "12345"
arr.join("空格")；               //  "1 2 3 4 5"

 

數組：arr=[12，1，10，53，6]

2、數組排序，返回數組

arr.sort();                               // 沒有參數的時候按字母表排序，
arr.sort(function(a,b){return a-b;});     // 升序
arr.sort(function(a,b){return b-a;});     // 降序

 

數組：arr=[12，1，10，53，6]

3、數組反轉，返回數組

arr.reverse();

 

數組：arr=[12，1，10，53，6]

4、數組棧操作

arr.push(1000);                   // 進棧，可放入多個參數，返回插入的長度  6     arr:[12，1，10，53，6，1000]
arr.pop();                        // 出棧，返回出棧那個值  1000     arr:[12，1，10，53，6]

 

數組：arr=[12，1，10，53，6]

4、數組首操作

arr.shift();                       //取出數組的第一個值，返回那個值  12
arr.unshift();                     //向數組的開頭添加一個或更多元素，並返回新的長度，unshift() 方法在 IE下 失效！

 

數組：arr=[12，1，10，53，6]

5、數組分片，復制數組，不會修改 原數組內容，返回復制的一個數組副本

arr.slice(start , end);            // 參數為數組下標，不包括end
arr.slice(1);                      //默認從下標1到最后，[1，10，53，6]    arr: [12，1，10，53，6]
arr.slice(1 , 4);                  //  [1，10，53]     arr: [12，1，10，53，6]

 

數組：arr=[12，1，10，53，6]

5、數組分片，剪切原數組的內容，原數組為剪切后剩下的內容

arr.splice(start , length,[item1 , item2]……);     //從start剪切length長度的數組，可選參數為替換原數組剪切的內容
arr.splice(2 , 3);                                // [10 , 53 , 6] ，arr=[12 , 1]
arr.splice(2 , 3 , 30 , 40 , 50);                 // [10 , 53 , 6] ，arr=[12, 1, 30, 40, 50]

 

tip: 注意方法是否會改變原數組的內容！