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);


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM