iT邦幫忙

2021 iThome 鐵人賽

DAY 23
0
Modern Web

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

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

  • 分享至 

  • xImage
  •  

陣列一些操作陣列好用的方法

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

push()

push 可以新增元素在陣列的最後一個位置,並且回傳陣列的新長度

語法:

Array.push(要新增的資料)

範例:

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

並且不只可以新增一個元素,還可以一次新增複數的資料,只要使用逗號隔開就好

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

push() 會回傳陣列的新長度

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

pop()

pop() 會移除並且回傳陣列的最後一個元素。此方法會改變陣列長度。

語法:

Array.pop()

範例:

var a=[1,2,3,4,5,6];
console.log(a.pop()); // 6 ,回傳陣列最後一個元素
console.log(a);  // [1,2,3,4,5]

可以搭配迴圈,清空陣列,並且將資料一個一個從後面取出

var names = ['Andrew', 'Bob', 'John', 'Abby'];
console.log(names) // ['Andrew','Bob','John','Abby']
while ( (i=names.pop()) !== undefined) {
	console.log(i);
}
console.log(names); // []

shift()

pop() 是移除最後一個元素。

shift() 是移除並回傳陣列的第一個元素。

語法:

Array.shift()

範例:

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

可以搭配迴圈,清空陣列,並且將資料一個一個從前面取出

var names=["Andrew", "Edward", "Paul", "Chris", "John"]
console.log(names) // ["Andrew", "Edward", "Paul", "Chris", "John"]
while( (i=names.shift()) !== undefined){
	console.log(i);
}
console.log(names);


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

尚未有邦友留言

立即登入留言