📜  JavaScript Array fill()方法(1)

📅  最后修改于: 2023-12-03 15:16:04.444000             🧑  作者: Mango

JavaScript Array fill()方法

fill() 方法用于将数组的所有元素都赋一个固定的值,之后返回修改后的数组。该方法有两种用法。

语法
array.fill(value)
array.fill(value, start)
array.fill(value, start, end)
  • value: 填充数组元素的值。
  • start (可选):填充的起始位置,默认值是 0。
  • end (可选):填充的结束位置,默认值是数组的长度 (array.length)。
示例
const array1 = [1, 2, 3, 4, 5];

// 将数组从索引2开始的元素赋值为 0
array1.fill(0, 2);
console.log(array1);
// 输出: [1, 2, 0, 0, 0]

// 将数组从索引1开始到索引4(不包括)之间的元素赋值为 7
const array2 = [1, 2, 3, 4, 5];
array2.fill(7, 1, 4);
console.log(array2);
// 输出: [1, 7, 7, 7, 5]
注意事项
  • fill() 方法会改变原数组,而不是创建一个新的数组。
  • 如果 start 是一个负数,则它表示从数组结尾开始的倒数第几个位置,需要加上数组长度。
  • 如果 end 是一个负数,则它表示从数组结尾开始的倒数第几个位置,需要加上数组长度。
  • 如果 endstart 小,将不做任何改变。
支持性

fill() 方法兼容性良好,所有现代浏览器和 IE9+ 都支持。

总结

fill() 方法是一个方便的数组操作方法,用于快速填充数组元素,避免使用循环等繁琐的方法。在实际开发中,可以充分利用该方法简化代码,提高开发效率。