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陣列
- JS常用陣列操作JS陣列
- javascript陣列常用方法JavaScript陣列
- javascript中常用的陣列操作方法,以及是否會改變原始陣列JavaScript陣列
- Python陣列常用操作Python陣列
- JavaScript 陣列 常用方法(二)JavaScript陣列
- JS常用陣列操作全解析JS陣列
- Ruby 中陣列的常用操作陣列
- JavaScript陣列 幾個常用方法JavaScript陣列
- JavaScript 陣列常見操作(一)JavaScript陣列
- JavaScript 陣列常見操作 (二)JavaScript陣列
- JavaScript中對陣列的操作JavaScript陣列
- JavaScript常用陣列操作方法,包含ES6方法JavaScript陣列
- PHP:常用PHP陣列操作函式PHP陣列函式
- javascript陣列操作簡單介紹JavaScript陣列
- 常用的幾個陣列操作方法陣列
- javascript 原生常用api 陣列方法大全JavaScriptAPI陣列
- JavaScript陣列中的22個常用方法JavaScript陣列
- javascript常用陣列演算法總結JavaScript陣列演算法
- javascript中shift()、unshift()、push()、pop() 陣列操作JavaScript陣列
- JavaScript陣列操作函式方法詳解JavaScript陣列函式
- JavaScript陣列常用方法解析和深層次js陣列扁平化JavaScript陣列JS
- javascript 陣列(array) 常用的方法集錦(上)JavaScript陣列
- 陣列操作陣列
- JavaScript的字串、陣列以及DOM操作總結JavaScript字串陣列
- 給初學者:JavaScript 中陣列操作注意點JavaScript陣列
- 舌尖上的javascript陣列和字串基本操作JavaScript陣列字串
- JavaScript 陣列JavaScript陣列
- vue陣列操作遇到坑-關於陣列操作Vue陣列
- Python 列表 list 陣列 array 常用操作集錦Python陣列
- es6常用陣列操作及技巧彙總陣列
- 常用陣列方法陣列
- 陣列常用方法陣列
- Javascript - 陣列和陣列的方法JavaScript陣列
- JavaScript中常見的陣列操作函式及用法JavaScript陣列函式
- Numpy陣列操作陣列
- Scala陣列操作陣列
- Jquery陣列操作jQuery陣列