[精讚] [會員登入]
6153

[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/Jquery] 移除textarea中空行、空白行。 textarea中要移除沒內容的空行、只有空白的行、只有定位字元的行

正則表達式:Email名稱防止連續輸入點(.)及下底線(_) Email的名稱中要允許特殊符號,但又不允許連續出現的正則表達式

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

[CKeditor4] 修改調色盤 修改ckeditor預設的調色盤

[Vue3.js] vue3 運行時出現 Network: unavailable 的解決方法 vue3 運行測試平台時如果需要遠端連線的話怎麼辦?

[CKeditor4] 設定區塊樣式、段落格式、字型名稱及字型大小 CKeditor4中要自訂設定區塊樣式、段落格式、字型名稱及字型大小。

我有話要說

>>

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

訪客留言

[無留言]

隨機好文

[MAC] 截取螢幕畫面的方法 截取螢幕畫面的方法,在MAC中叫作螢幕快照,英文是screenshot

SELinux 常用指令和檔案 在Redhat系列中,Centos5以後加入了selinux,他並沒有這麼可怕,不必每次看到Selinux ,就想把他

[Freebsd] 定時測試 ADSL 是否斷線並重連 中華電信 ADSL 雖有固定 ip,可是他卻會不定時「斷線」, 使用以下的 方法可以定時測試是否斷線,以及重新撥接。

PHP for sphinx 函式庫安裝 PECL/sphinx PHP>= 5.2.2 已經能原生支援 sphinx,可是預設的沒有裝,我們得自己裝才能用

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