JavaScript-原生Array對象方法詳解（一）

一、join()

join() 方法用於把數組中的全部元素轉換爲一個字符串。元素是經過指定的分隔符進行分隔的。
arrayObject.join(separator)參數表明分隔符，是可選的。若是不傳參數，默認逗號。

注意返回值是字符串，不是數組。
注意：該方法不會改變原數組。

var arr = [1, 2, 3, 4, 7, 9, 6];
arr.join(); // "1,2,3,4,7,9,6"
arr.join(" "); // "1 2 3 4 7 9 6"
arr.join(""); //"1234796"
var a = new Array(10); //長度爲10的空數組
a.join("*"); //"*********";9個*符號組成的字符串

join()方法是String.split()方法的逆向操做，後者是將字符串分割成若干塊來建立一個數組。

二、sort()

sort() 方法用於對數組的元素進行排序並返回排序後的數組。

注意：該方法會改變原來的數組

• 當不帶參數調用時，數組元素按照字母表排序（必要時臨時轉換爲字符串比較）。

//字母表順序排序
var a = [1, 2, 3, 4, 7, 9, 6];
a.sort() //[1, 2, 3, 4, 6, 7, 9];

//字母表順序排序
var b = [33, 222, 4, 1111, 5555];
b.sort() //[1111, 222, 33, 4, 5555]

//字母表順序排序
var c = ['c', 'ab', 'cd', 'a', 'f'];
c.sort() //["a", "ab", "c", "cd", "f"]

//字母表順序排序，若有大寫，大寫在前，小寫在後
var d = ['a', 'Ah', 'D', 'bcc'];
d.sort() //["Ah", "D", "a", "bcc"]

//若是數組有''元素，它們會排在數組的頭部
var e = ['a', 'Ah', 'D', 'bcc', '', ''];
e.sort() //["", "", "Ah", "D", "a", "bcc"]

//若是數組包含undefined元素，它們會排在數組的尾部

• 爲了按照其餘方式而非字母表順序進行數組排序，必修給sort()傳遞一個比較函數做爲參數。該函數決定了它的兩個參數在數組中的排序。返回負數，第一個參數在前。反之，返回正數，第一個參數在後。若是返回0，也就是說排序可有可無。

var b = [33, 222, 4, 1111, 5555];
b.sort() //[1111, 222, 33, 4, 5555]; 字母表順序
b.sort(function(a, b) {
    return a - b;
}); //[4, 33, 222, 1111, 5555];  數值順序

var d = ['a', 'Ah', 'D', 'bcc'];
d.sort() //["Ah", "D", "a", "bcc"]  區分大小寫
d.sort(function(f, g) {
    var x = f.toLowerCase(); //都轉換爲小寫
    var y = g.toLowerCase(); //都轉換爲小寫
    if (x < y) return -1;
    if (x > y) return 1;
}); //["a", "Ah", "bcc", "D"] 不區分大小寫

注意，這裏使用匿名函數表達式很是方便。既然函數只使用一次，就不必給它命名了。

三、reverse()

everse() 方法用於顛倒數組中元素的順序，返回逆序的數組。

注意：該方法會改變原來的數組

reverse()是sort()的逆序版，reverse()的詳細排序行爲請參見上文 sort() 方法的解釋。

var b = [33, 222, 4, 1111, 5555];
b.sort(); //[1111, 222, 33, 4, 5555] 正排序
b.reverse(); //[5555, 1111, 4, 222, 33] 逆排序

四、push()

push() 方法可向數組的末尾添加一個或多個元素，並返回新的長度，也就是添加元素後的數組長度。

注意：該方法會改變原來的數組

arrayObject.push(newelement1, newelement2, …., newelementX)

push()方法最少要有一個參數。push() 方法可把它的參數順序添加到 arrayObject 的尾部。push() 方法和 pop() 方法使用數組提供的先進後出棧的功能。

注意：push()方法中的參數不論是什麼類型（數組、對象等），一個參數將會被做爲一個總體元素插入 arrayObject 的尾部，不作拆分，詳見示例。

var a = ["a","b"];

var b = {
  name: "Tom"
};

var c = [1,2,3];

console.log(a); // ["a", "b"]
console.log(a.push(b)); //3
console.log(a);
/*["a", "b", [object Object] {
  name: "Tom"
}]*/
console.log(a.push(c));
console.log(a); //4
/*["a", "b", [object Object] {
  name: "Tom"
}, [1, 2, 3]]*/

五、pop()

pop() 方法用於刪除並返回數組的最後一個元素。

注意：該方法會改變原來的數組

pop() 方法將改變數組（刪除數組的最後一個元素，把數組長度減 1），而且返回它刪除的元素的值。若是數組已經爲空，則 pop() 不改變數組，並返回 undefined 值。

var arr = ["George", "John", "Thomas"];
console.log(arr.pop());  // "Thomas"
console.log(arr);  / /["George", "John"];
console.log(arr.pop()); //"John"
console.log(arr); // ["George"]
console.log(arr.pop()); //"George"
console.log(arr); //[]
console.log(arr.pop()); //undefined
console.log(arr); //[]

六、unshift()

unshift() 方法可向數組的開頭添加一個或更多元素，並返回新的長度。

注意：該方法會改變原來的數組

arrayObject.unshift(newelement1, newelement2, …., newelementX)

參數newelement1……X至少要有一個。unshift() 方法將把它的參數插入 arrayObject 的頭部，並將已經存在的元素順次地移到較高的下標處，以便留出空間。該方法的第一個參數將成爲數組的新元素 0，若是還有第二個參數，它將成爲新的元素 1，以此類推。

在IE6與IE7中，unshift()會返回 underfined！

var arr = ["George", "John", "Thomas"];
console.log(arr.unshift("William")); //4
console.log(arr.unshift("Tom", "Jerry")); //6
console.log(arr); //["Tom", "Jerry", "William", "George", "John", "Thomas"]

七、shift()

shift() 方法用於把數組的第一個元素從其中刪除，並返回第一個元素的值。

若是數組是空的，那麼 shift() 方法將不進行任何操做，返回 undefined 值。
注意：該方法會改變原來的數組

var arr = ["George", "John", "Thomas"];
console.log(arr.shift()); //"George"
console.log(arr); //["John", "Thomas"]
console.log(arr.shift()); //"John"
console.log(arr); //["Thomas"]
console.log(arr.shift()); //"Thomas"
console.log(arr); //[]
console.log(arr.shift()); //undefined

八、contact()

concat() 方法用於鏈接兩個或多個數組。

該方法不會改變現有的數組，而僅僅會返回被鏈接數組的一個副本。

注意：參數是必需的。能夠是具體的值，也能夠是數組對象，能夠是任意多個。若是參數是元素，則拼接元素。若是參數是數組，則拼接數組中的元素，並不是數組自己。

var a = [1,2,3];
var b = a.concat(4,5);
var c = a.concat(4,5,[6,7],8,"123");

console.log(a);  //[1, 2, 3]
console.log(b);  //[1, 2, 3, 4, 5]
console.log(c);  //[1, 2, 3, 4, 5, 6, 7, 8, "123"]

九、slice()

slice() 方法可從已有的數組中返回選定的元素，一個片斷或一個子數組。

注意，該方法並不會修改數組，方法會返回一個新的數組，包含從 start 到 end （不包括該元素）的 arrayObject 中的元素。

arrayObject.slice(start, end)參數start是必需的，規定從何處開始選取，若是是負數，那麼它規定從數組尾部開始算起的位置。也就是說，-1 指最後一個元素，-2 指倒數第二個元素，以此類推。

參數end是可選的，規定從何處結束選取，該參數是數組片段結束處的數組下標。若是沒有指定該參數，那麼切分的數組包含從 start 到數組結束的全部元素。若是這個參數是負數，那麼它規定的是從數組尾部開始算起的元素。

在使用slice()時，若是參數start超過了數組的起點，則會從數組頭部開始；若是參數end超過了數組的結尾，則會從數組的尾部結束；若是start和end中的範圍不在數組中，或者end小於start，則會返回空數組；若是start和end不爲數字，則會進行轉換，轉換失敗的話，start默認爲0，end默認爲0。詳見示例：

var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"];
console.log(arr.slice(2,4));      //["Thomas", "James"]
console.log(arr.slice(-3,4));     //["James"]
console.log(arr.slice(-10,4));    //["George", "John", "Thomas", "James"]
console.log(arr.slice(-10,-4));   //["George", "John"]
console.log(arr.slice(4,3));      //[]
console.log(arr.slice(-20,-10));  //[]
console.log(arr.slice("2","4"));  //["Thomas", "James"]
console.log(arr.slice("a","4"));  //["George", "John", "Thomas", "James"]
console.log(arr.slice("a","b"));  //[]
console.log(arr.slice("2a","4a"));//[]
console.log(arr.slice("",""));    //[]

十、splice()

splice() 方法用於插入、刪除或替換數組的元素。

注意：splice()會直接對原數組進行修改。

arrayObject.splice(index, howmany, element1, ….., elementX)
參數index是必需的。規定從何處添加/刪除元素，該參數是開始（包含）插入和（或）刪除的數組元素的下標，必須是數字。

參數howmany是必需的。規定應該刪除多少元素。必須是數字，但能夠是 「0″。若是未規定此參數，則刪除從 index 開始到原數組結尾的全部元素。

參數element1…elementX是可選的。規定要添加到數組的新元素，從 index 所指的下標處開始插入。

splice() 方法可刪除從 index 處開始的零個或多個元素，而且用參數列表中聲明的一個或多個值來替換那些被刪除的元素。若是從 arrayObject 中刪除了元素，則返回的是含有被刪除的元素的數組。

請注意slice()和splice()的區別：slice意思是切片，即把數組切出來一段；splice意思是絞接，假如接兩根繩子，須要把原來的繩子切開，而後把新繩子和被切開的舊繩子的兩段拼接在一塊兒。若是想刪除數組中的一段元素，並向數組添加新元素，應該使用方法Array.splice()。

注意若是參數index不爲數字，則會自動轉換，詳見示例：

var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"]
console.log(arr.splice(2, 1)); //["Thomas"]
console.log(arr); //["George", "John", "James", "Adrew", "Martin"]
console.log(arr.splice(2, 2, "William")); //["James", "Adrew"]
console.log(arr); //["George", "John", "William", "Martin"]
console.log(arr.splice(2, 1, "Tom", "Jerry")); //["William"]
console.log(arr); //["George", "John", "Tom", "Jerry", "Martin"]
console.log(arr.splice(2)); //["Tom", "Jerry", "Martin"]
console.log(arr); //["George", "John"]
console.log(arr.splice("2")); //[]
console.log(arr); //["George", "John"]
console.log(arr.splice("a")); //["George", "John"]
console.log(arr); //[]

十一、toString()和toLocaleString()

toString() 方法可把數組轉換爲字符串，並返回結果。

Array.toString() 至關於 Array.join() ，返回值與沒有參數的 join() 方法返回的字符串相同。
toLocaleString() 把數組轉換爲本地字符串。返回值Array 的本地字符串表示。

---

改變原數組的方法：pop()、push()、reverse()、shift()、sort()、splice()、unshift()

不改變原數組的方法：concat()、join()、slice()、toString()、toLocaleString()

注意：JavaScript裏面，沒有好的機制來區別Array和Object，通常能夠經過下面的方法來識別數組：

var isArray = function(value){
  return Object.prototype.toString.apply(value) === '[object Array]';
}

Object.prototype.toString對任何變量會永遠返回這樣一個字符串「[object, class]」，而這個class就是JavaScript內嵌對象的構造函數的名字。至於用戶自定義的變量，則class等於object。
所以經過Object.prototype.toString.apply(obj)能夠準確的獲取變量數據類型。
經過Object.prototype.toString能夠得到的數據類型包括:Date,Object,String,Number,Boolean,Regexp,Function,undefined,null,Math等。

---

ECMAScript 5定義了9個新的數組方法，有機會再寫！

---

以上內容參考：[Feeldesign Studio ](http://www.feeldesignstudio.c...和JavaScript權威指南

謝謝觀看，但願大牛指導，小牛一塊兒進步~