在 JS 中用多个值填充数组的最快方法。我可以将一些模式或函数传递给 JS 中单个值的方法填充吗？ [复制]答案

【问题标题】：Fastest way to fill an array with multiple value in JS. Can I pass a some pattern or function to method fill insted of a single value in JS? [duplicate]在 JS 中用多个值填充数组的最快方法。我可以将一些模式或函数传递给 JS 中单个值的方法填充吗？ [复制]
【发布时间】：2018-08-04 09:32:32
【问题描述】：

有什么方法可以创建一个选定大小的数组（例如 10）并立即用一些指定模式（1、2、3、OR 2、4、6 等）的数字填充它JS 中的一个语句？

let arr = new Array(10).fill( (a) => {a = 1; return a++; } );
console.log(arr); // Should be 1, 2, 3, 4, 5, 6, 7, 8, 9, 10

换句话说，我可以将某个模式或函数传递给填充单个值的方法吗？

【问题讨论】：

Array.from(new Array(10), (_, i) => i) // [0, 1, 2, 3, ...]
最快是for循环，如果可能的话循环展开esdiscuss.org/topic/…
Array(10).fill(1).map((x, y) => x + y)

标签： javascript arrays fill

【解决方案1】：

实际上，创建范围有更好的习惯用法：a spreaded Array 构造函数：

[...Array(n)]

创建一个包含n 未定义值的数组。要获取0..n-1，只需选择它的keys：

[...Array(n).keys()]

对于任意范围，将其提供给map:

r = [...Array(10)].map((_, i) => i + 1)

console.log(r)

请看这里：Does JavaScript have a method like "range()" to generate an array based on supplied bounds?

旧答案：

是的，你正在寻找Array.from：

r = Array.from({length: 10}, (_, i) => i + 1);

console.log(r)

这是如何工作的？ .from 检查它的第一个参数（可以是任何对象）并选择它的 .length 属性。然后，它从0 迭代到length - 1 并使用两个参数调用第二个参数——一个值（除非第一个参数包含相应的数字属性，否则它是未定义的）和一个索引，它从0...length-1 获取值。在这个例子中，我们有一个函数只返回一个索引 + 1，从而给我们1..length。

这是一个有用的包装器：

let range = (from, to) => Array.from({length: to - from + 1}, _ => from++);

console.log(range(1, 10))

对于 ES5，成语是 Array.apply(null, {length:N}):

r = Array.apply(null, {length: 10}).map(function(_, i) {
    return i + 1
})

【讨论】：

ES5 相当于什么？我试过Array.prototype.slice.call({length:10}) 但它的行为与Array(10) 相同
@Pavlo：没有，这就是添加它的原因。 :-) 但是 polyfill 很简单。
@T.J.Crowder 我找到了Array.apply(null, Array(10))
@Pavlo：这与Array.from 不同。（但它确实创建了一个填充有undefined 的数组）。因此，要获得Array.from，您需要在末尾添加.map：Array.apply(null, Array(10)).map(function(_, i) { return i + 1; }); 显然这比真正的polyfill 效率略低，因为它会创建并丢弃两个数组。
@Pavlo：添加...