1. 程式人生 > >ES6基礎之Array.fill函數

ES6基礎之Array.fill函數

javascript Array fill函數

引子

關註「時事」的同學都會註意到,ES6和TypeScript是時下「投資」的熱門。作為一位老同學,我也註意到這一點,不斷收集一些小東東,以備不時之需。

正題

本文中記錄的是ES6為Array增加的fill()函數。其功能是,用戶可以使用指定的元素填充數組,即用更便捷的方式使用默認內容來初始化一個數組。

fill函數有三個參數,格式如下:


arr.fill(value, start, end)


  • value:填充值。
  • start:填充起始位置,可以省略。
  • end:填充結束位置,可以省略,實際結束位置是end-1。

使用小例

1.采用一個默認值填初始化數組。

const a1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
a1.fill(7)
console.log(‘%s‘, a1)

運行結果:

7,7,7,7,7,7,7,7,7,7,7

2.制定開始和結束位置填充。

實際填充結束位置是前一位。

const a2 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
a2.fill(7, 2, 5)
console.log(‘%s‘, a2)

運行結果:

1,2,7,7,7,6,7,8,9,10,11

3.結束位置省略。

從起始位置到最後。

const a3 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
a3.fill(7, 2)
console.log(‘%s‘, a3)

運行結果:

1,2,7,7,7,7,7,7,7,7,7

ES6基礎之Array.fill函數