iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 8
0
自我挑戰組

JavaScript Array x 學習筆記系列 第 8

[Day 08 | Array.prototype.slice () ]

  • 分享至 

  • xImage
  •  

slice 的意思是切片或是拿取某一段.

[slice] to cut something into thin, flat pieces by 劍橋辭典

而在陣列的世界裡也是一樣
前面我們學了如何插入資料跟取出資料
這次我們來學學如何取出一段指定的值吧


Syntax

array.slice(beginSlice[,endSlice]);

beginSlice - 要從哪一個索引值(起始為0)開始呢?

endSlice - 要取到哪一個索引值(起始為0)結束呢? 如果不給值,則會取到陣列的最後一個值

slice() 方法會回傳一個新的陣列,原來的陣列不會被修改


Example


*更正:最後一行是[代表由陣列的倒數第 3 個值開始取值]

程式碼如下:


let colors = ['blue', 'yellow', 'red', 'orange', 'green', 'sky blue', 'navy blue', 'caramel']
console.log(colors.slice(2))
//只指定一個值的話,Slice會從指定的值取到陣列結束

console.log(colors.slice(3, 5))
//陣列從第4個元素取到第6個元素(不包含第6個元素)

console.log(colors.slice(2, -1))
//使用負數索引,代表由陣列的第3個值取到陣列的倒數第2個值

console.log(colors.slice(-2))
//代表由陣列的倒數第3個值開始取值

https://www.tutorialspoint.com/javascript/string_slice.htm


上一篇
[Day 07 | Array.prototype.unshift () ]
下一篇
[Day 09 | Array.prototype.reverse () ]
系列文
JavaScript Array x 學習筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言