js array數組對象操做方法彙總

 --------------------------更新自2018.6.11

js 數組對象操做方法以下：

 

1. 建立數組

var array1 = [1,2]   //方法一

var array2 = new Array()  //方法二
array[0] = 1;
array[1] = 2;

 

2.遍歷數組 for循環 和for...in 循環

var array1 = [1,2];
var l = array1.length;
//for循環
for(var i=0;i< l;i++){
    console.log(array1 [i]);
}

//for...in 循環
for (x in array1 ){
    console.log(array1 [x]);
}

 

3. concat() 鏈接兩個或以上的數組，返回的是一個新數組,不影響原數組 (concat 合併多個數組（加的是數組中的元素），也可跟元素合併)

var arr = [1];
var arr1 = ["herry"]
var arr3 = arr.concat(arr1); //[1,"herry"]

 

4.push() 方法可向數組的末尾添加一個或多個元素，該方法會改變原數組，而且遵循數組提供的先進後出棧功能，返回值是數組新的長度

 （unshift()  方法是向數組頭部添加一個或多個元素，使用上同push方法，但不推薦使用，由於沒法再IE下正常使用）

var arr = [1];
var arr1 = "herry";
var arr2 = ["herry"];

//注意向數組中追加的是元素
var l = arr.push(arr1);
console.log(l);  //2
console.log(arr) //[1,"herry"]


//數組會以數組形式追加到尾部
var l = arr.push(arr2);
console.log(l);  //3
console.log(arr) //[1,"herry",Array(1)["herry"]]

 

5. pop() 方法刪除數組最後一個元素，該方法會改變原數組，刪除元素而且數組長度-1，返回值是刪除的元素的值，若是數組是空數組，則不進行刪除，返回值是undefined

　(shift() 方法刪除數組第一個元素，使用上同pop方法)  （pop 取出  shift 轉移，改變）

var arr = [1,"herry"];
var del = arr.pop() ;
console.log(del); //"herry"
console.log(arr.length); //1

 

6. sort() 對數組進行排序，改變的是原數組元素順序，默認是按字符編碼排序，因此在遇到數字排序時，就須要定義函數

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"

document.write(arr + "<br />")  //10,5,40,25,1000,1
document.write(arr.sort(sortNumber)) //1,5,10,25,40,1000

 

7.slice(start,end) 數組的截取函數，start 必需，end 選填 ，都可覺得負數，返回的是start到end（不包括end）之間的元素，返回新數組，不影響原來數組 （slice 切開）

var arr = [1,2,3,4,5,6];
arr.slice(2); //[3,4,5,6]
console.log(arr); //[1,2,3,4,5,6]

 

8.splice(index,howmany,item1,.....,itemX) 方法刪除或者添加數組，會操做原數組，返回的是含有被刪除的元素的數組

  index 必需 起始位置，howmany 必需 數量能夠爲0，即不操做，第三個參數添加到數組 替代數組index的位置

var arr = [1,2,3,4,5,6];
console.log(arr); //[1,2,3,4,5,6]
arr.splice(2,3,"William")
console.log(arr); // [1,2,"William",6]

 

9.reverse() 顛倒元素順序，改變原數組

var arr = [1,2,3];
arr.reverse();  //[3,2,1]

 

10. join() 方法將數組拆分紅字符串，返回值字符串，默認分隔符爲逗號「，」

var arr = [1,2,3];
arr.join("-");   //"1-2-3"

 

11.toString() 將數組轉換成字符串，返回字符串，格式爲逗號隔開