JavaScript經常使用數組API

數組簡介

    JS數組是指將多個數據對象編碼存儲，提供一致的存取方式的集合。數組能阻止存儲各類各樣的數據，每一個數據對象都是數組的一個元素，經過數組對象的有關方法添加到數組中，併爲之分配一個惟一的索引號。

數組對象的常見操做

    Array對象提供經常使用的方法包括：toString, join, push, pop, unshift, shift, concat, slice, reverse, sort和toLocaleString等。

字符轉換

    toString方法將數組表示爲字符串，各個元素按順序排列組合成爲字符串返回。語法以下：
對象名.toString( radix )
其中radix爲可選參數，表示進制，當對象時數字時，該參數起做用。示例：

var names = ["Jim","Lucy","Peter","Victor"];
document.write(names.toString);

字符鏈接

    要想指定數組各元素之間的鏈接符，可用join方法。該方法與toString同樣，也是將各元素組合成字符串，但鏈接符可本身指定，語法以下：
數組名.join("鏈接符")
若不想要任何鏈接符，則括號中用空字符便可。

數據添加 - 在數組尾部添加元素

    push方法一次可添加單個或多個元素到數組末端，也能夠添加數組。語法以下：
數組名.push("元素1","元素2",...)
示例：

var list = [];
while(true){
    var name = prompt("請輸入名字：");
    list.push(name);
    if(name == "") break;
}
document.write(list.join(" "));

添加數據 - 在數組頭部添加元素

    unshift方法與push方法正好相反，是將元素插入數組的首部。一次能夠插入單個或多個元素，全部元素按順序插入，操做完成後返回新數組的引用。語法以下：
數組名.unshift("元素1","元素2",...)
示例：

var queue = ["a","b","c","d"];
queue.unshift("d","e");
document.write("<br>"+queue)

    注：若是不計較元素插入的位置，則推薦使用push，由於unshift方法會引起數組下標的改動，可能會影響依靠下標才能準確進行的計算。

數據更新 - 刪除數組的最後一個元素

    pop方法的做用是移除數組末尾的一個元素。刪除數組中的元素還可用delete 數組名[下標]，不過與delete不一樣的是，pop方法刪除最後一個元素後，還將其引用返回。pop一般與push方法結合使用，實現堆棧功能。語法以下：
數組名.pop()
示例：

var apple = ["蘋果1","蘋果2","蘋果3","蘋果4","蘋果5"];
while(apple.length != 0){
    var handle = apple.pop();
    document.write("<br>分出："+handle)
}

刪除數據 - 移除數組頂端的元素

    shift方法與pop相反，移除數組的第一個元素並將其返回。該方法執行後，數組剩下的元素向前移動，下標索引號從新調整從0開始。shift與push方法結合使用，能夠將數組當成隊列使用。語法以下：
數組名.shift()
示例：

var client = ["顧客A","顧客B","顧客C","顧客D","顧客E"];
var tickets = 4;
while ( client.length!=0 && tickets>0 ){
    var current = client.shift();
    tickets--;
    document.write("<br>"+current+"買到票");
}

擴充數組 - 添加元素並生成新數組

    concat方法能夠將多個數組元素鏈接在一塊兒成爲新的數組，語法以下：
數組名.concat(item1,item2,...)

var qa = ["顧客1","顧客2","顧客3","顧客4"];
var qb = ["顧客A","顧客B","顧客C","顧客D"];
document.write("窗口前兩支隊伍：" + "<br>" + qa + "<br>" + qb + "<br>");
var qc = qa.concat(qb);
document.write("兩支隊伍合併成一支新隊伍：" + qc);

更新移動數據 - 刪除、替換或插入數組元素

    splice方法的做用是，從一個數組中移除一個或多個元素。剩下的元素組成一個數組，移除的元素組成另外一個數組並返回它的引用。同時，原數組能夠在移除的開始位置處順帶插入一個或多個新元素，達到修改替換數組元素的目的。這個操做效果一般稱爲接合，語法以下：
數組名.splice(start,deleteCount,item1,item2,...)
參數說明：

• start：必選項，表示從數組中剪切的起始位置下標索引號。
• deteleCount：必選項，表示從數組中切取的元素個數。
• item：可選項，表示切取時插入原數組切入點開始出的一個或多個元素。
  splice全部效果可簡述爲切分、替換和接合。示例：

var queueA = ["學生A","學生B","學生C","學生D"];
document.write("原來的隊伍：" + queueA);
var queueB = queueA.splice(2,3);
document.write("新建的隊伍：" + queueB);
document.write("調整後的隊伍：" + queueA);
queueA.splice(1,0,"學生1","學生2");
document.write("添加後的隊伍：" + queueA);

生成特定數據 - 獲取數組中的一部分元素

    slice方法的做用是抽取數組的一段元素，抽取指定下標索引區間中的元素做爲新數組返回。語法以下：
數組名.slice(start,end)
注：splice是直接修改原數組，而slice不會修改原數組。
示例：

var queueA = ["學生1","學生2","學生3","學生4","學生5"];
var queueB = queueA.slice(2,3);
document.write(queueA + "<br>");//經測試，queueA並無改變
document.write(queueB);