iT邦幫忙

2021 iThome 鐵人賽

DAY 24
0
Modern Web

想試試寫程式的感覺,就用 JavaScript 來寫寫看網頁吧系列 第 24

[想試試看JavaScript ] 陣列一些操作陣列好用的方法 (二)

  • 分享至 

  • xImage
  •  

陣列-一些操作陣列好用的方法 (二)

這篇整理一些常用的陣列方法

unshift

unshift 會添加一個或多個元素至陣列的開頭,並回傳陣列的新長度

語法:

Array.unshift(要新增的資料)

範例:

var a=[1,2,3]
console.log(a.unshift(4,5)); // 5
console.log(a); // [4,5,1,2,3]

reverse()

reverse 會將原陣列反轉,並且回傳原陣列

語法:

Array.reverse()

範例:

var a=['one','two','three'];
var reversed=a.reverse();
console.log(a);  // ['three','two','one']
console.log(reversed); // ['three','two','one']

reverse 會將原陣列反轉,並且回傳原陣列的位置

所以修改陣列 a 也會修改到陣列 reversed。

var a=['one','two','three'];
var reversed=a.reverse();
console.log(a);  // ['three','two','one']
console.log(reversed); // ['three','two','one']

reversed.push('four'); 

console.log(a); // ['three','two','one','four']
console.log(reversed); //['three','two','one','four']

splice()

可以刪除既有元素來改變原陣列。

或者,刪除既有元素後加入新元素來改變陣列。

語法:

splice 包含三個參數

  1. start:移除或要添加的序列號碼
  2. deleteCount:要移除的長度
  3. item:要加入的元素
Array.splice(start,deleteCount,item)

範例:

var a=[1,2,3,4,5,6,7,8];
a.splice(5,1);  // 
console.log(a); // [1,2,3,4,5,6,7,8]

設定第三個參數就可以添加或取代元素

var a=[1,2,3,4,5,6,7,8];
a.splice(5,1,100);
console.log(a); // [1,2,3,4,5,100,7,8] ( 6 被移除,100 被加到第 5 個位置)
var b=[1,2,3,4,5,6,7,8];
b.splice(5,3,100,300,500);
console.log(b); // [1,2,3,4,5,100,300,500] (6,7,8被移除,100,300,500被加進index為5,6,7位置)
var c=[1,2,3,4,5,6,7,8];
c.splice(5,0,300);
console.log(c); // [1,2,3,4,5,300,6,7,8] (沒有元素被移除,100被加進index為5的位置)

上一篇
[想試試看JavaScript ] 陣列一些操作陣列好用的方法
下一篇
[想試試看JavaScript ] 陣列一些操作陣列好用的方法 (三)
系列文
想試試寫程式的感覺,就用 JavaScript 來寫寫看網頁吧30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言