如何在JavaScript中按索引批量替换数组的多个元素

实现方案 #

完全可以实现，使用JavaScript数组原生的fill()方法即可满足需求，该方法支持指定填充范围，且属于标准数组操作方法，符合你的要求。

// 原数组
var array1 = ['S', 'T', 'A', 'C', 'K', 'O', 'V', 'E', 'R', 'F', 'L', 'O', 'W'];
// 执行填充：填充值为'X'，起始索引3（包含），结束索引10（不包含），刚好覆盖索引3~9的所有位置
array1.fill('X', 3, 10);

// 输出验证
console.log(array1);
// 结果：['S', 'T', 'A', 'X', 'X', 'X', 'X', 'X', 'X', 'X', 'L', 'O', 'W']

• fill()是ES6及以上版本支持的数组内置方法，直接修改原数组，无需额外手动遍历，执行效率更高
• 方法参数规则：数组.fill(填充值, 起始索引<包含>, 结束索引<不包含>)，因为你的需求需要覆盖到索引9，所以结束索引传入10即可匹配范围

内容的提问来源于stack exchange，提问作者Nikunj V