ES6基础之Array.fill函数

2023-05-26,,

引子

关注「时事」的同学都会注意到,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函数.doc》

下载本文的Word格式文档,以方便收藏与打印。