iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 10
1
自我挑戰組

前端工程師的30份套餐系列 第 10

Day10- 陣列處理方法 pop與push、shift與unshift

  • 分享至 

  • twitterImage
  •  

pop、push、shift和unshift這四種方法之中,只有push比較常見,今天就順道來介紹其他三種比較少用到的方法

push() 方法

向陣列尾端新增一個或多個元素,並return新的長度

let arr = [];  
arr.push(1);  //arr = [1]
arr.push(2);  //arr = [1,2]
arr.push([3,4]); //arr = [1,2,[3,4]] 
console.log(arr.length); //3 

pop() 方法

pop()和push()相反,作用為刪除陣列最後一個元素,把陣列長度減1,並return被刪除元素的值。若為空陣列,則該方法不改變陣列,return undefine。

let arr = [1,2,3,4]
arr.pop()  //arr = [1,2,3]
arr.pop()  //arr = [1,2]
arr.pop()  //arr = [1]
arr.pop()  //arr = []
arr.pop()  //undefine
採後進先出

unshift() 方法

unshift則是向陣列的開頭新增一個或多個元素,並且return新的長度

var arr = []; 
arr.unshift(1,2,3,4); // 將1,2,3,4 加入到陣列
console.log(arr); // [1,2,3,4] 

shift() 方法

和unshift相法,是進行刪除陣列元素,同樣地:若陣列是空的則return undefine

var arr = [1,2,3,4];
arr.shift(); //[2,3,4] 
arr.shift(); //[3,4] 
arr.shift(); //[4] 
arr.shift(); //[]

參考來源:w3cplus.com


上一篇
Day9- 陣列處理方法: map()、reduce()和filter()
下一篇
Day11-indexOf()、concat()、slice()方法
系列文
前端工程師的30份套餐30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言