数组的fill方法

📝 个人简介

⭐ 个人主页：我是段段🙋‍
🍊 博客领域：编程基础、前端💻
🍅 写作风格：干货！干货！都是干货！
🍑 精选专栏：数组
🛸 支持段段：点赞👍、收藏⭐、留言💬

近期在学习Vue框架，在使用Element-UI组件库的时候，看到了操作数组的fill()方法，因为以前没遇到过，所以就记录一下~~~

1、fill()方法可用于空数组的初始化，接受一个参数时，表示数组填充的值。

// 原数组中没有给定长度，没有数据可以替换，所以结果仍为空数组
var arr1 = []
arr1.fill(6)
console.log(arr1) // [] 

// 当一个参数的值为数值时：
var arr2 = ['x', 'y', 'z']
arr2.fill(7)
console.log(arr2) // [ 7, 7, 7 ] 将数组的每一项都替换为7

var arr3 = new Array(5)
arr3.fill(5)
console.log(arr3) // [ 5, 5, 5, 5, 5 ] 将数组的5项都填充为5

// 当一个参数的值为对象时：
let info = {
    name: '姓名',
    age: '年龄',
    sex: '性别',
    hobby: '爱好'
}

let arr6 = Array(3).fill(info)
console.log(arr6) 

// 以json字符串的形式返回填充后的信息
[
    { name: '姓名', age: '年龄', sex: '性别', hobby: '爱好' },
    { name: '姓名', age: '年龄', sex: '性别', hobby: '爱好' },
    { name: '姓名', age: '年龄', sex: '性别', hobby: '爱好' }
]

2、当其接受三个参数时，表示对数据的某些数据项进行替换。其中第一个参数表示替换的元素，第二个参数是起始位置（其参数表示数组中的下标），第三个参数是结束位置（注意：其参数表示结束位置，但不包括此位置）

var arr4 = [1, 1, 1]
arr4.fill(3, 1, 4) 
console.log(arr4) // [ 1, 3, 3 ] 当结束位置大于数组长度，可忽略不计

var arr5 = [1, 2, 3, 4, 5, 6]
arr5.fill(7, 2, 4) 
console.log(arr5) // [ 1, 2, 7, 7, 5, 6 ] 当结束位置小于数组长度，结束位置后面的数据项保持不变

有什么错误的地方请留言指出，博主会认真修改的~~~🙇‍