Array.fill()函数的用法

ES6，Array.fill()函数的用法

 

ES6为Array增加了fill()函数，使用制定的元素填充数组，其实就是用默认内容初始化数组。

该函数有三个参数。

arr.fill(value, start, end)

value：填充值。

start：填充起始位置，可以省略。

end：填充结束位置，可以省略，实际结束位置是end-1。(减去1)

 

例如：

1.采用一默认值填初始化数组。

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

结果：

9,9,9,9,9,9,9,9,9,9,9

 

2.制定开始和结束位置填充。

实际填充结束位置是前一位。

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

结果：

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

 

3.结束位置省略。

从起始位置到最后。

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

结果：

1,2,9,9,9,9,9,9,9,9,9

 

参考链接:https://www.cnblogs.com/kongxianghai/p/7542056.html

 

拓展:

console.log()方法中%s的作用

一、console.log("log信息");

二、console.log("%s","first","second");

输出结果:first second

三.将对象转换为普通字符串后执行
console.log("%s","guoyansi",{name:"思思博士"});
//输出结果:guoyansi { name: ‘思思博士‘ }

四、

//将字符串作为数值进行转换
console.log("%d","25.6");
//输出结果:25.6
console.log("%d","guoyansi");
//输出结果:guoyansi

五  输出%
console.log("%%");
//输出结果:%
console.log("%%","gys");
//输出结果:% gys