iT邦幫忙

2022 iThome 鐵人賽

DAY 12
0
自我挑戰組

新手的JavaScript扎根之路系列 第 12

Day12 陣列 Array 的新增與刪除

  • 分享至 

  • xImage
  •  

嗨嗨!我是Winnie溫尼~/images/emoticon/emoticon08.gif

前言

在前一個章節,我們學到了用來將相同性質的資料集合起來的陣列,以及陣列的基礎應用,包含陣列的值會被[]包覆、資料讀取、長度讀取,而今天要介紹的是新增與刪除,根據前後及指定位置的不同有相對應的使用方法唷~!

陣列新增

  • 新增值於指定位置:變數名稱[索引值] = 值
let addFirstExample = [] //空陣列
addFirstExample[0]="first"
addFirstExample[1]="2"
console.log(addFirstExample) //["first",2]
  • 新增值於排序最後:變數名稱.push(值)
let addSecondExample = [0,1,2]
addSecondExample.push("one")
addSecondExample.push("two")
console.log(addSecondExample) //[0,1,2,one,two]
  • 新增值於排序最前:變數名稱.unshift(值)
let addThirdExample = [0,1,2]
addThirdExample.unshift("one")
addThirdExample.unshift("two")
console.log(addThirdExample) //[one,two,0,1,2]

陣列刪除

  • 刪除指定位置的值:變數名稱.splice = (起始索引值,往後刪除幾筆資料(含起始資料))
let deleteFirstExample = [one,two,0,1,2]
deleteFirstExample(0,1)
console.log(deleteFirstExample) //[two,0,1,2]
deleteFirstExample(1,2)
console.log(deleteFirstExample) //[two,2]
  • 刪除排序最後的值:變數名稱.pop()
let deleteSecondExample = [one,two,0,1,2]
deleteSecondExample.pop()
console.log(deleteSecondExample) //[one,two,0,1]
  • 刪除排序最前的值:變數名稱.shift()
let deleteThirdExample = [one,two,0,1,2]
deleteThirdExample.shift()
console.log(deleteThirdExample) //[two,0,1,2]

參考資料

Array
JavaScript Array (陣列)

新手上路,如文章有錯誤或需修正之處,懇請大家多多指教!
那麼,我們明天見囉~/images/emoticon/emoticon29.gif


上一篇
Day11 陣列 Array
下一篇
Day13 物件 Object
系列文
新手的JavaScript扎根之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言