ES6基础之Array.fill函数

Posted 2020-11-07

引子

关注「时事」的同学都会注意到，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