JavaScript陣列常用操作
陣列在實際編碼中使用頻繁,本文介紹一下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 物件一章節。
相關文章
- javascript陣列操作JavaScript陣列
- JavaScript 陣列操作JavaScript陣列
- javascript陣列常用方法JavaScript陣列
- JS常用陣列操作JS陣列
- Python陣列常用操作Python陣列
- javascript中常用的陣列操作方法,以及是否會改變原始陣列JavaScript陣列
- JavaScript 陣列 常用方法(二)JavaScript陣列
- JavaScript陣列 幾個常用方法JavaScript陣列
- JS常用陣列操作全解析JS陣列
- JavaScript 陣列常見操作 (二)JavaScript陣列
- JavaScript 陣列常見操作(一)JavaScript陣列
- JavaScript常用陣列操作方法,包含ES6方法JavaScript陣列
- PHP:常用PHP陣列操作函式PHP陣列函式
- javascript中shift()、unshift()、push()、pop() 陣列操作JavaScript陣列
- javascript 陣列(array) 常用的方法集錦(上)JavaScript陣列
- JavaScript陣列常用方法解析和深層次js陣列扁平化JavaScript陣列JS
- Python 列表 list 陣列 array 常用操作集錦Python陣列
- JavaScript的字串、陣列以及DOM操作總結JavaScript字串陣列
- JavaScript 陣列JavaScript陣列
- 陣列操作陣列
- 陣列的reduce操作+物件陣列的map操作陣列物件
- vue陣列操作遇到坑-關於陣列操作Vue陣列
- Javascript - 陣列和陣列的方法JavaScript陣列
- 常用陣列方法陣列
- 陣列常用方法陣列
- JavaScript—陣列(17)JavaScript陣列
- JavaScript 陣列 slice()JavaScript陣列
- JavaScript 陣列 fill()JavaScript陣列
- JavaScript 陣列 lastIndexOf()JavaScript陣列ASTIndex
- JavaScript 陣列 indexOf()JavaScript陣列Index
- JavaScript 陣列 concat()JavaScript陣列
- JavaScript 陣列concat()JavaScript陣列
- JavaScript 陣列slice()JavaScript陣列
- JavaScript 陣列indexOf()JavaScript陣列Index
- JavaScript 陣列values()JavaScript陣列
- JavaScript 陣列fill()JavaScript陣列
- JavaScript陣列(一)JavaScript陣列
- JavaScript 陣列 keys()JavaScript陣列