JavaScript Array筆記
特殊指令:
reverse():此指令會顛倒Array中元素的順序。
用法:Array變數.reverse();
範例:
輸出:
sort():他會對Array中的元素進行排序
用法:Array變數.sort();
排序方法:若為數字時,則是先看最左邊的數字,小的往前挪,若是最左邊數字相同,則比較左邊第二個,以此類推。
若為英文時,他是按照字母去進行排序,若第一個字母相同,則比較第二個字母,以此類推
範例:
輸出:
圖片中,雖然10比3大,但是由於最左邊的數字1<3,所以10被排到前面去了。
push():在Array的末端添加元素。
用法:Array變數.push("欲添加元素");
範例:
輸出:
但是若將push指令在F12控制檯中使用,他會回傳當前Array長度,如圖
pop():刪除在Array末端的元素。
用法:Array變數.pop();
範例:
輸出:
若你在F12控制檯中刪除,則他會回傳刪除的元素,如圖
splice():可以再任意位置添加或移除元素。
用法:Array變數.splice(從第幾個index開始,刪除幾個元素,欲添加的元素,....);
若是單純要加入元素,刪除元素個數填0即可,
若是單純要刪除元素,則欲添加可直接省略。
範例:
輸出:
shift():移除Array中第一個元素。
用法:Array變數.shift();
unshift():新增元素到Array的開始端。
用法:Array變數.unshift(欲新增的元素);
範例:
輸出:
slice() :選擇從哪一個元素開始到第幾個元素結束成為一個新的Array,
但是新的Array包含起始元素,不包含結束元素。
用法:Array變數.slice(起始位置,結束位置);
範例:
輸出:
join():將一個Array轉換為字串,並且回字串。
用法:Array變數.join();
範例:
輸出:
forEach():不需要明確指定index就可以從頭到尾的訪問Array中每一個元素
而for跟while迴圈需要使用index來訪問每個元素。
用法:Array變數.forEach(function(element, index , array){ 程式主體; });
element :Array中的元素實際值。
index : Array中元素的索引。
array : 所使用的Array。
範例:
註:上圖中,toUpperCase()是將字串轉換為大寫字母,但是不改變原始字串。
若要將字串轉換成小寫,可以使用.toLowerCase()。
map() : 可以對Array中的每個元素執行某種操作,然後將結果存放到新的Array中。
用法:var 新Array = Array.map(function(elemant){程式主體});
範例:
Code:
註:圖片中,Number() 可以將字串型態轉換回數字型態,
要是該職不能被轉換為合法的數字,會回傳NaN。