_.fill

_.fill 是 Lodash 库中的一个函数，用于用指定的值填充数组（或部分数组）从起始索引到结束索引（但不包括结束索引）的位置。这个函数可以改变原数组并返回它，或者如果你选择了不修改原数组，它会返回一个新的数组。

语法

_.fill(array, value, [start=0], [end=array.length])

• array (Array): 要填充的数组。
• value (*): 要填充的值。
• [start=0] (number): 起始索引，用于开始填充的位置。
• [end=array.length] (number): 结束索引（但不包括该位置），用于停止填充的位置。

参数

• array：需要被填充的数组。
• value：要填充到数组中的值。
• start（可选）：开始填充的索引位置。如果为负值，则从数组末尾开始计算索引。默认为 0。
• end（可选）：停止填充之前的索引位置（但不包括该位置）。如果为负值，则从数组末尾开始计算索引。默认为数组的长度。

返回值

(Array): 返回填充后的数组。如果修改了原数组，则返回原数组；否则返回一个新的数组。

示例

const array = [1, 2, 3, 4];

// 用 'a' 填充数组的所有位置
const filledArray = _.fill(array, 'a');
console.log(filledArray);
// => ['a', 'a', 'a', 'a']

// 用 'b' 填充数组从索引 1 到索引 3（不包括 3）的位置
filledArray = _.fill(array, 'b', 1, 3);
console.log(filledArray);
// => [1, 'b', 'b', 4]

// 如果不想修改原数组，可以这样做：
const originalArray = [1, 2, 3, 4];
const newArray = _.fill([], originalArray, 'c'); // 注意这里传递了一个空数组作为第一个参数
console.log(newArray);
// => ['c', 'c', 'c', 'c']
console.log(originalArray);
// => [1, 2, 3, 4] (原数组未被修改)

// 注意：上面的最后一个示例其实是不正确的使用方式，因为 _.fill 的设计是为了在原地修改数组。
// 如果你想要一个新的数组而不修改原数组，你应该使用其他方法，比如使用 slice 和 map：
newArray = originalArray.slice().map(() => 'c');
console.log(newArray);
// => ['c', 'c', 'c', 'c']
console.log(originalArray);
// => [1, 2, 3, 4] (原数组未被修改)

注意：在最后一个示例中，我指出了 _.fill 的正确使用方式并不是为了创建一个新数组而不修改原数组。实际上，_.fill 是设计来修改原数组的。如果你想要一个新数组，你应该使用其他方法，比如上面提到的 slice 和 map 的组合。Lodash 本身并没有提供一个直接的 _.fill 的非就地（non-mutating）版本，但你可以很容易地通过其他方式实现。

本文地址：https://www.tides.cn/p_js-lodash-fill