绵阳梓潼网站制作公司

ES6基础之Array.fill函数

引子

关注「时事」的同学都会注意到，ES6和TypeScript是时下「投资」的热门。作为一位老同学，我也注意到这一点，不断收集一些小东东，以备不时之需。

成都创新互联公司-专业网站定制、快速模板网站建设、高性价比云阳网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式云阳网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖云阳地区。费用合理售后完善，10多年实体公司更值得信赖。

正题

本文中记录的是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函数
网站网址：http://myzitong.com/article/jdjjgo.html

其他资讯