技術標籤：JavaScriptjavascriptjs

陣列常用方法詳解

陣列建立
常見的兩種建立方式有兩種：
1.new關鍵字建立：var arr = new Array();
2.字面量建立：var arr1 = [ ];

陣列長度
返回陣列元素個數的值：arr.lenght

陣列遍歷
陣列遍歷：forEach()，用法如下：

	var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
    //                    每一項  下標  陣列物件
 

    arr.forEach(function (value, index, are) {
      console.log(value, index, are);
    });

可以看出forEach方法括號中需 傳入函式，函式的三個引數分別表示返回陣列的每一項的項數，索引號，陣列物件。

陣列API
常用的API分為兩大類，一類改變了原陣列，另一類不改變原陣列，需要賦值給一個新變數。
修改了原陣列API
unshift:在陣列開頭新增一個或多個元素

	var arr = [1, 2, 3, 4, 5, 6];
    arr.unshift(0, -1); //在陣列開頭新增一個或多個元素
 

    console.log(arr);

push:在陣列末尾增加一個或多個元素

	arr.push(7, 8); //在陣列末尾增加一個或多個元素
    console.log(arr);

shift:刪除陣列第一個元素

	arr.shift(); //刪除陣列第一個元素
    console.log(arr);

pop:刪除最後一個元素

	var num2 = arr.pop(); //刪除最後一個元素
    console.log(arr);

splice:擷取陣列長度新增新陣列

	   //開始下標 長度  增加的陣列
    arr.splice(4, 2, 9, 10);
    console.
 
log(arr);

reverse:陣列元素倒序

	arr.reverse(); //倒序
    console.log(arr);

sort():排序，如果括號中不填內容按照每個元素ASCII碼從小到大排序，如果元素中是數字按照順序排序，則加入函式。

	var arr = [1, 2, 3, 4, 5, 6, 10];
	arr.sort(); //按照ASCII碼大小排列
    console.log(arr);

	var arr1 = arr.sort(function (a, b) {
      return a - b;//從小到大排列
    });

不修改原陣列API
concat():把括號中引數連線到陣列中

	var arr1 = [1, 2, 3, 4, 5];
    var arr2 = [1, 2, 3, 9, 10];
    var arr3 = arr1.concat(arr2);
    var arr4 = arr3.concat(arr1, arr2);
    console.log(arr1);
    console.log(arr4);

可以看出原陣列arr中的元素並未發生改變，所以concat是一個不改變原陣列的方法，需要重新賦值給另一個。
join():把所有元素存放一個字串中用()中的分割。

	var arr = ['今', '天', '是', '星', '期', '二'];
    var arr2 = arr.join("");
    var arr3 = arr.join("、");
    console.log(arr2);
    console.log(arr3);

toString():將陣列轉換為字串

	var arr = ['今', '天', '是', '星', '期', '二'];
    var arr4 = arr.toString();
    console.log(arr4);

slice:擷取陣列（和splice相似，但slice只有兩個引數，只做字串的擷取）

	var arr = [1,2,3,4,5,6,7,8,9];
    var arr1 =  arr.slice(1,6);
    console.log(arr1);
    console.log(arr);

valueof:返回陣列原始值

	var arr = [1, 2, 3, 4, 5, 6, 7];
    //  直接打 = 
    var arr1 = arr;
    // 通過遍歷賦值
    var arr2 = [];
    for (var i = 0; i < 7; i++) {
      arr2[i] = arr[i]
    }
    //   valueOf   建立一個數組例項物件
    var arr3 = arr.valueOf();
    arr3.push("456")
    console.log(arr);
    console.log(arr2);
    console.log(arr3);
    console.log(arr == arr2);
    console.log(arr == arr3);

通過上面例項可以看到，valueOf方法和=直接賦值用法原理是一樣的，例子中arr2資料和原陣列資料一樣但地址不一樣，所以指向原地址的陣列資料會都改變，不同地址的不會改變。
indexOf:查詢陣列指定元素的第一個索引
lastIndexOf：查詢陣列指定元素的最後一個索引

	var arr = [1, 2, 3, 5, 6, 3, 7, 8];
    var num = arr.indexOf(3);
    var num1 = arr.lastIndexOf(3);
    console.log(num);
    console.log(num1);