Question

以下代码：

let resultsArray = Array.apply(null, Array(10)).map(Number.prototype.valueOf,0);

创建以下数组

[0, 0, 0, 0, 0, 0, 0, 0, 0, 0]

为什么map（）需要Number.prototype.valueOf只需将数字0推入此数组的每个位置。是否有不同的（更有效的）方法来实现这一结果，或者这是最好的方法？

Answer 1

如果您阅读map documentation，可以阅读：

map（）方法创建一个新数组，其结果是在此数组中的每个元素上调用提供的函数。

因此，您需要在第一个参数中使用函数 Number.prototype.valueOf ，在第二个可选参数中使用Number对象来填充新数组。 Number对象用作第一个参数的对象。

你也可以写相同的结果：

let resultsArray = Array.apply(null, Array(10)).map(function(){return 0;});

但是如果你想要填充一个带有值的数组，我想你可以使用Array.prototype.fill方法。

fill（）方法使用静态值将数组的所有元素从起始索引填充到结束索引。

let resultsArray = (new Array(10)).fill(0);

性能测试：

＆＃13;

var start, stop, array;
var iteration = 100000;


// Map
start = Date.now();
array = Array.apply(null, Array(iteration)).map(Number.prototype.valueOf,0);
stop = Date.now();
console.log("Map executed in "+(stop-start)+"ms");

// Map simple array
start = Date.now();
array = (new Array(iteration)).map(Number.prototype.valueOf,0);
stop = Date.now();
console.log("Map simple array executed in "+(stop-start)+"ms");

// Map simple function
start = Date.now();
array = (new Array(iteration)).map(function(){return 0;});
stop = Date.now();
console.log("Map simple function executed in "+(stop-start)+"ms");

// Array.from - ES6 from @Zohaib ijaz
start = Date.now();
array = Array.from(new Array(iteration), () => 0)
stop = Date.now();
console.log("Array.from - ES6 from @Zohaib ijaz executed in "+(stop-start)+"ms");

// Array.from - Non-ES6 from @Zohaib ijaz
start = Date.now();
array = Array.from(new Array(iteration), function(){return 0;})
stop = Date.now();
console.log("Array.from - Non-ES6 from @Zohaib ijaz executed in "+(stop-start)+"ms");

// repeat-split-map by @nicael
start = Date.now();
array = '0'.repeat(iteration).split('').map(Number);
stop = Date.now();
console.log("repeat-split-map by @nicael executed in "+(stop-start)+"ms");

// Fill
start = Date.now();
array = (new Array(iteration)).fill(0);
stop = Date.now();
console.log("Fill executed in "+(stop-start)+"ms");

＆＃13;

Answer 2

在您的代码中，0传递给Number.prototype.valueOf，它只返回原语（0）。

与

基本相同

Number.prototype.valueOf.call(0)

如果你的代码是：

let resultsArray = Array.apply(null, Array(10)).map(Number.prototype.valueOf,10);

map()函数基本上就是这样调用Number.prototype.valueOf：

Number.prototype.valueOf.call(10)

这里是documentation - 它提供了一个很好的Polyfill，你可以阅读并确切看到map（）正在做什么。

字符串看起来像这样：

Array.apply(null, Array(10)).map(String.prototype.valueOf,"10")

哪个会输出：

["10", "10", "10", "10", "10", "10", "10", "10", "10", "10"]

但你肯定能以更棘手的方式做到这一点;）

＆＃13;

var resultsArray = '0'.repeat(10).split('').map(Number);
console.log(resultsArray);

＆＃13;

如果没有必要得到数字（但字符串），它甚至更短：

＆＃13;

var resultsArray = '0'.repeat(10).split('');
console.log(resultsArray);

＆＃13;

Answer 3

还有另一种解决方案

Array.from(new Array(10), () => 0)

广告，如果您的浏览器不支持ES6，那么

Array.from(new Array(10), function(){return 0;})

为什么我们在`map（）`函数中使用`Number.prototype.valueOf`

3 个答案:

性能测试：