[精讚] [會員登入]
6293

[Javascript] 陣列、陣列的操作

Javascript 的陣列操作:宣告、取值、賦值、插入或移除項目,檢查KEY、檢查是否為陣列等等

分享此文連結 //n.sfs.tw/13211

分享連結 [Javascript] 陣列、陣列的操作@新精讚
(文章歡迎轉載,務必尊重版權註明連結來源)
2019-10-25 14:11:43 最後編修
2019-04-02 22:51:45 By 張○○
 

自動目錄

Javascript 的陣列操作,做個筆記

宣告

var arr=array();

var arr=[];

var arr=[1,5,66,7,2];

var arr=["a","ccc",234,6];

var arr2=new Array(40, 100, 1, 5, 25, 10); // 不建議寫法[4],不要用 new Array()來初始陣列

帶key name的陣列不建議使用,因為無法計算長度等問題[4]

var person = [];
person["firstName"] = "John";
person["lastName"] = "Doe";
person["age"] = 46;
var x = person.length;     // person.length will return 0
var y = person[0];         // person[0] will return undefined

陣列取值

var a= arr[1];

var b= arr['ddd'];

 

陣列長度

var len= arr.length;

 

塞入項目

arr.push("fromlast");  //由後面置入

list[ list.length ] = "baz";  // 同上

arr.unshift("fromfirst");  //放最前面

 

移除項目[6]

切掉後面的項目,直接設定length

var ar = [1, 2, 3, 4, 5, 6];
ar.length = 4; // set length to remove elements ar= [1, 2, 3, 4]

拿掉最後

ar.pop();

拿掉第一個

ar.shift();

使用 splice(位置,個數)

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
var removed = arr.splice(2,3);
/* removed === [3, 4, 5]
   arr === [1, 2, 6, 7, 8, 9, 0] */

 

把字串拆解為陣列

var arr=str.split(',');

 

把陣列組成為字串

var str=arr.join(',')

 

檢查是否為陣列[4]

Array.isArray(yourarray);   // returns true/false

 

檢查 key是否存在[2]

if (typeof arr[key] != "undefined"){ }  //陣列中的key為變數

if ("key" in arr){ }

 

陣列排序

arr.sort();  //由文字來排序,若要由值或自訂,請參考[5]

var array1 = [1, 30, 4, 21, 100000];
array1.sort();
console.log(array1); // expected output: Array [1, 100000, 21, 30, 4]

 

參考資料

[1] https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/join

[2] https://stackoverflow.com/questions/2613192/check-if-an-array-item-is-set-in-js

[3] https://www.hostingadvice.com/how-to/javascript-add-to-array/

[4] https://www.w3schools.com/js/js_arrays.asp

[5] https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

[6] https://love2dev.com/blog/javascript-remove-from-array/

END

你可能感興趣的文章

[jQuery] textarea 的取值和給值 HTML 的 TEXTAREA 標籤若要用 jquery 取值,不能使用 .text() 或 .html() ,使用 .

[CKeditor4] 修改特殊字元 CKeditor4 中設定自己想用的特殊字元

[Bootstrap] Datepicker使用/Bootstrap日期選日期選擇器的使用 Bootstrap日期選日期選擇器的使用

Javascript/Jquery 建立、讀取、刪除cookie值 Javascript/Jquery 建立、讀取、刪除cookie值

[jQuery] checkbox 及 radio 設定值 jQuery 之 checkbox 及 radio 取值及設定值的方法

Jquery 圖片放大的工具:放大鏡 想讓網頁上的圖片局部放大,有沒有簡單好用的 jquery?

我有話要說

>>

限制:留言最高字數1000字。 限制:未登入訪客,每則留言間隔需超過10分鐘,每日最多5則留言。

訪客留言

[無留言]

隨機好文

使用Google尋找你的手機 這近發現google竟然可以用來找android的手機,而且不需要經過什麼設定或安裝軟體。

Linux shell 的date表示法 linux下SHELL中的date表示法

「許功蓋」的字以及源由 有玩過電腦一段時間的人,都聽過這個人(有一天我才發現7年級的竟然都不認識這個

此一時彼一時 我是不是易怒的人,其實我也不知道,總之我常會失控,不知道自己在幹嘛。這近生活過得浮浮的,不是很踏實,總會想太多,我甚至會

[AS3] 物件加上超連結的方法 物件加上超連結,可讓使用者點擊的方法