JavaScript “new Array(n)” et “Tableau.le prototype.carte” étrangeté

J'ai eu une tâche que je ne connaissais que la longueur du tableau et qui sont nécessaires pour transformer les éléments.
Je voulais faire quelque chose comme ceci:

let arr = new Array(10).map((val,idx) => idx);

Pour créer rapidement un tableau comme ceci:

[0,1,2,3,4,5,6,7,8,9]

Mais il n'a pas travaillé parce que:
voir Jonathan Lonowski de répondre à quelques réponses supérieure.

Solution pourrait être de remplir les éléments de tableau avec une valeur quelconque (même avec undefined) à l'aide de Tableau.le prototype.fill()

let arr = new Array(10).fill(undefined).map((val,idx) => idx);

JS:

console.log(new Array(10).fill(undefined).map((val, idx) => idx));

Mise à jour

Une autre solution pourrait être:

let arr = Array.apply(null, Array(10)).map((val, idx) => idx);

JS:

console.log(Array.apply(null, Array(10)).map((val, idx) => idx));

ES6 solution:

[...Array(10)]

Ne fonctionne pas sur la machine (2.3), bien que

De la MDC page pour map:

[...] callback n'est invoquée que pour les index de la table qui ont affecté la valeur; [...]

[undefined] s'applique en fait le setter de l'index(es), de sorte que map va se répéter, alors que new Array(1) juste initialise l'index(es) avec une valeur par défaut de undefined donc map l'ignore.

Je crois que c'est la même pour tous les itération méthodes.

Dans ECMAScript 6e édition de la spécification.

new Array(3) seulement de définir la propriété length et de ne pas définir les propriétés de l'index comme {length: 3}. voir https://www.ecma-international.org/ecma-262/6.0/index.html#sec-array-len l'Étape 9.

[undefined, undefined, undefined] permettra de définir les propriétés de l'index et de la longueur de la propriété comme {0: undefined, 1: undefined, 2: undefined, length: 3}. voir https://www.ecma-international.org/ecma-262/6.0/index.html#sec-runtime-semantics-arrayaccumulation ElementList l'Étape 5.

méthodes map, every, some, forEach, slice, reduce, reduceRight, filter de la Matrice de vérification de la propriété index par HasProperty méthode interne, de sorte new Array(3).map(v => 1) ne va pas appeler la fonction de rappel.

pour plus de détails, voir https://www.ecma-international.org/ecma-262/6.0/index.html#sec-array.prototype.map

Comment réparer?

let a = new Array(3);
a.join('.').split('.').map(v => 1);

let a = new Array(3);
a.fill(1);

let a = new Array(3);
a.fill(undefined).map(v => 1);

let a = new Array(3);
[...a].map(v => 1);

Pas un bug. C'est ainsi que le constructeur Array est défini à travailler.

De MDC:

Lorsque vous spécifiez un seul paramètre numérique de la gamme du constructeur, vous spécifiez la longueur initiale de la matrice. Le code suivant crée un tableau de cinq éléments:

var billingMethod = new Array(5);

Le comportement du constructeur Array dépend si le paramètre est un nombre.

La .map() méthode inclut uniquement dans l'itération éléments du tableau qui ont explicitement avaient des valeurs assignées. Même explicitement la cession de undefined va provoquer une valeur pour être admissible à l'inclusion dans l'itération. Cela semble étrange, mais c'est essentiellement la différence entre un explicite undefined propriété sur un objet et un manque de propriété:

var x = { }, y = { z: undefined };
if (x.z === y.z) //true

L'objet x n'est pas une propriété appelée "z", et l'objet y n'. Toutefois, dans les deux cas, il semble que la "valeur" de la propriété est undefined. Dans un tableau, la situation est similaire: la valeur de length ne implicitement effectuer une affectation de valeur à tous les éléments à partir de zéro par length - 1. Le .map() fonction ne sera donc pas faire n'importe quoi (ne pas appeler le callback) lorsqu'elle est appelée sur un tableau nouvellement construit avec le constructeur Array et un argument numérique.

Voici un utilitaire simple méthode comme une solution de contournement:

Simple mapFor

JS:

function mapFor(toExclusive, callback) {
    callback = callback || function(){};
    var arr = [];
    for (var i = 0; i < toExclusive; i++) {
        arr.push(callback(i));
    }
    return arr;
};

var arr = mapFor(3, function(i){ return i; });
console.log(arr); //[0, 1, 2]
arr = mapFor(3);
console.log(arr); //[undefined, undefined, undefined]

Exemple Complet

Voici un exemple plus complet (avec des contrôles d'intégrité) qui permet également de spécifier une option de l'indice de départ:

JS:

function mapFor() {
var from, toExclusive, callback;
if (arguments.length == 3) {
    from = arguments[0];
    toExclusive = arguments[1];
    callback = arguments[2];
} else if (arguments.length == 2) {
    if (typeof arguments[1] === 'function') {
        from = 0;
        toExclusive = arguments[0];
        callback = arguments[1];
    } else {
        from = arguments[0];
        toExclusive = arguments[1];
    }
} else if (arguments.length == 1) {
    from = 0;
    toExclusive = arguments[0];
}

callback = callback || function () {};

var arr = [];
for (; from < toExclusive; from++) {
    arr.push(callback(from));
}
return arr;
}

var arr = mapFor(1, 3, function (i) { return i; });
console.log(arr); //[1, 2]
arr = mapFor(1, 3);
console.log(arr); //[undefined, undefined]
arr = mapFor(3);
console.log(arr); //[undefined, undefined, undefined]

Le Compte À Rebours

La manipulation de l'index transmis à la fonction de rappel permet un comptage à rebours:

var count = 3;
var arr = arrayUtil.mapFor(count, function (i) {
    return count - 1 - i;
});
//arr = [2, 1, 0]