[精讚] [會員登入]
6154

[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

你可能感興趣的文章

[Javascript] NaN是什麼? javascript 的NaN和取得整數

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

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

[jQuery] select 元件的取值及給值 html中的元件select,在jquery中要如何使用?

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

[Ckeditor4] 讀、寫與插入內容到欄位 Ckeditor4 提供非常多方法,可以插入、讀取和寫入到TEXTAREA中

我有話要說

>>

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

訪客留言

[無留言]

隨機好文

安裝SPHINX支援中文 新版本的 sphinx 和舊版不同,網路上很多範例和教學是不能用的。此文是安裝和設定方法分享

為什麼要重造輪子? 什麼輪子?造什麼輪子?我為什麼要重造輪子?

看懂DSUB DVI HDMI USB等各式影音接頭 看懂DSUB DVI HDMI等各式影音接頭

[CodeIgniter3] 解決無法上傳特定檔案(.sb2)的問題 上傳時出現The filetype you are attempting to upload is not allowed,要怎麼解決?

[AS3] FLASH 引入外部as檔 FLASH AS3中,若要引用另外撰寫的 class(*.as) 檔案,該如何處理?