¿Por qué usamos `Number.prototype.valueOf` dentro de una función` map () `

El siguiente código:

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

crea la siguiente matriz

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

¿Por qué map () necesita Number.prototype.valueOf solo para insertar el número 0 en cada posición de esta matriz? ¿Existe una forma diferente (más eficiente) de lograr este resultado, o es esta la mejor manera?

Si lees la documentación del mapa puedes leer esto:

El método map () crea una nueva matriz con los resultados de llamar a una función proporcionada en cada elemento de esta matriz.

Por lo tanto, debe usar la función Number.prototype.valueOf en el primer parámetro y un objeto Number en el segundo parámetro opcional para completar la nueva matriz. El objeto Number se usa como el del primer parámetro.

También puedes escribir esto para el mismo resultado:

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

Pero si solo quieres llenar una matriz con un valor, creo que puedes usar el método Array.prototype.fill .

El método fill () llena todos los elementos de una matriz desde un índice de inicio hasta un índice final con un valor estático.

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

Prueba de rendimiento:

 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"); 

Hay otra solucion

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

Anuncio si su navegador no soporta ES6, entonces

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

En su código, se pasa 0 a Number.prototype.valueOf que simplemente devuelve la primitiva ( 0 ).

Que es esencialmente lo mismo que

 Number.prototype.valueOf.call(0) 

Si tu código era:

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

La función map() esencialmente estaría llamando a Number.prototype.valueOf esta manera:

 Number.prototype.valueOf.call(10) 

Aquí está la documentación , que proporciona un buen Polyfill que puede leer y ver exactamente qué está haciendo map ().


Las cuerdas se verían así:

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

Que daría salida:

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

Pero seguramente puedes hacerlo de una manera más complicada;)

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