JavaScript陣列常用操作

antzone發表於2018-06-02

陣列在實際編碼中使用頻繁,本文介紹一下JavaScript對陣列的常見操作。

一.建立陣列:

建立陣列有兩種方式,一種是建構函式方式,另一種是直接量方式。

[JavaScript] 純文字檢視 複製程式碼
var arr=new Array("螞蟻部落","antzone",2,"分享互助");

上面程式碼使用建構函式方式建立一個陣列。

[JavaScript] 純文字檢視 複製程式碼
var arr=["螞蟻部落","antzone",2,"分享互助"];

上面程式碼是使用直接量方式建立一個陣列。

二.陣列元素的訪問:

使用length屬性可以獲取陣列元素的數目

[JavaScript] 純文字檢視 複製程式碼執行程式碼
var arr=["螞蟻部落","antzone",2,"分享互助"];
console.log(arr.length);

上面程式碼可以獲取陣列中元素的數目。

使用索引可以訪問陣列的元素,索引是從0開始:

[JavaScript] 純文字檢視 複製程式碼
var arr=["螞蟻部落","antzone",2,"分享互助"];
console.log(arr[2]);

以上程式碼可以獲取陣列中第三個元素。

三.給陣列新增新的元素:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
var arr=["螞蟻部落","antzone",2,"分享互助"];
theArray.push("青島市南區")
console.log(theArray);

以上程式碼可以在陣列的結尾追加一個新的元素。

[JavaScript] 純文字檢視 複製程式碼執行程式碼
var arr=["螞蟻部落","antzone",2,"分享互助"];
arr.unshift("青島市南區")
console.log(arr);

以上程式碼在陣列的開頭新增一個元素。

四.刪除陣列中的元素:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
var arr=["螞蟻部落","antzone",2,"分享互助"];
arr.pop()
console.log(arr);

刪除陣列中的最後一個元素。

[JavaScript] 純文字檢視 複製程式碼執行程式碼
var arr=["螞蟻部落","antzone",2,"分享互助"];
arr.shift()
console.log(arr);

刪除陣列中的第一個元素。

五.陣列排序:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
var arr=["螞蟻部落","antzone",2,"分享互助"];
arr.reverse()
console.log(arr);

可以講陣列元素順序進行反轉。

也可以使用sort方法進行排序,具體參閱JavaScript sort()函式用法詳解一章節。

六.複製一個新陣列:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
var arr=["螞蟻部落","antzone",2,"分享互助"];
console.log(arr.concat());

返回的是一個新的陣列。

七.擷取陣列:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
var arr=["螞蟻部落","antzone",2,"分享互助"];
console.log(arr.slice(0,2));
以上程式碼可以擷取一個陣列的內容。
更多相關陣列操作可以參閱JavaScript Array 物件一章節。

相關文章