您的位置:首页> 前端教程> ES6教程
文章导航

JavaScript 数组 fill()

2018-8-29 02:11| 作者: admin| 查看: 1432| 评论: 0|来自: 蚂蚁部落

方法的功能通常和名字相关联,fill翻译成汉语是"填充"的意思。

fill方法的功能也确实如此,它能够用指定的值填充数组指定的区间。

从实际的操作结果来看,填充其实也可以理解为替换。

此方法是ES2015新增。

语法结构:

[JavaScript] 纯文本查看 复制代码
arr.fill(value[, start [, end]])

参数解析:

(1).value:必需,用来进行填充的值。

(2).start:可选,规定填充开始位置,默认从索引0处开始。

(3).end:可选,规定填充结束位置,默认填充到数组结尾。

代码实例:

[JavaScript] 纯文本查看 复制代码
let arr = ["青岛市南区",6,"蚂蚁部落","ES2015"];
let newArr = arr.fill("ES2015");

代码运行效果截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201808/29/021315pgscq2sagpenc5sm.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

默认会用指定元素将数组中从头到尾替换一遍。

[JavaScript] 纯文本查看 复制代码运行代码
let arr = ["青岛市南区",6,"蚂蚁部落","ES2015"];
let newArr = arr.fill("ES2015");
console.log(newArr==arr);

代码运行效果截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201808/29/021350dxd4j4ldjkmyxx9e.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

由此可见,fill方法是直接操作数组本身。

[JavaScript] 纯文本查看 复制代码运行代码
let arr = ["青岛市南区",6,"蚂蚁部落","ES2015"];
arr.fill("ES2015",1);
console.log(arr);

代码运行效果截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201808/29/021430f53gre7imtwumg2u.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上面代码从数组索引1位置处开始填充,一直到结尾。

[JavaScript] 纯文本查看 复制代码运行代码
let arr = ["青岛市南区",6,"蚂蚁部落","ES","js教程"];
arr.fill("ES2015",1,3);
console.log(arr);

代码运行效果截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201808/29/021511es0uewkosteu37ux.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上面代码可以使用"ES2015"填充字符串中从索引1到索引3区间,但是不会填充索引3位置。

[JavaScript] 纯文本查看 复制代码运行代码
let arr = ["青岛市南区",6,"蚂蚁部落","ES2015","js教程","css教程"];
arr.fill("ES2015",-5,-1);
console.log(arr);

代码运行截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201808/29/021553e2lcfdcr7b26np3s.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

参数值可以为负数,索引0是数组的第一个元素,那么索引-1就是数组的倒数第一个元素,以此类推。那么上面例子中,-5是倒数第五个元素,也就是数组第二个元素6,-1是倒数第一个元素,也就是数组第6个元素css教程,最终也就是使用数字"ES2015"填充元素6到元素css教程之间的元素。

1

鲜花

握手

雷人

路过

鸡蛋

刚表态过的朋友 (1 人)

最新评论

返回顶部