iT邦幫忙

2023 iThome 鐵人賽

DAY 4
0
Modern Web

我轉生成前端貓咪踏入React地獄的那些事系列 第 4

Day 4 操作陣列的方法 Part.1-push & pop

  • 分享至 

  • xImage
  •  

今天也是介紹陣列,其實不光是React陣列在程式語言裡面扮演了舉重無輕的地位,也是很常需要被處理的東西,相信大家都有看過類似下面這種圖,今天會針對push,pop做介紹

.push()

push顧名思義就是推東西的意思,在這裡就把它當成是推某個東西都陣列的尾巴,此方法會將一個值或多個值也可以說是陣列加進陣列的尾端,回傳值為新陣列的長度。用法是在小括弧內塞進要加入的東西
範例如下:

可以加入單一值

let array=[1,2,3,4,5]
array.push("a")
console.log(array)

也可以加入多個值

let array=[1,2,3,4,5]
console.log( array.push("a","b"))
console.log(array)

還可以加入一個陣列,不過裡面會真的變成一個陣列

let array=[1,2,3,4,5]
console.log( array.push(["a","b","c"]))
console.log(array)

如果需要完整合併需要用展開運算子

let array=[1,2,3,4,5]
console.log( array.push(...["a","b","c"]))
console.log(array)

.pop()

pop當作動詞在劍橋字典裡翻成-使什麼彈出的意思,在這裡它的作用是使陣列的末端彈出一個值,說直白一點就是刪除陣列末端的值。裡面不需要帶任何參數,但是如果對空陣列使用會回傳undefined。

let array=[1,2,3,4,5]
console.log( array.pop())
console.log(array)

附帶一提,pop可以回傳被刪除的值,範例如下:

let array=[1,2,3,4,5]
let popTest=array.pop()
console.log(popTest)//回傳刪除的值
console.log(array)//刪除後的原陣列

以上兩個語法為對陣列末端進增加以及刪除的方法,當然同時也有針對陣列開頭的增加刪除方法,留作明天介紹


上一篇
Day 3 查詢陣列的方法-forEach & map
下一篇
Day 5 操作陣列的方法 Part.2-shift & unshift
系列文
我轉生成前端貓咪踏入React地獄的那些事25
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言