[JS] Je n'ai pas bien compris Array.map()

Salut !

Je ne comprends pas pourquoi le code suivant ne renvoie pas un tableau tab_test contenant 10 fois l’élément 'power' :

var empty = new Array(10);

var tab_test = empty.map(e => 'power');

Le tableau tab_test reste vide…

Merci pour ces explications !

Code corrigé :

var empty = new Array(10).fill(0);

var tab_test = empty.map(e => 'power');

Merci bien pour vos réponses, ça fait plaisir !

Avant que je n’oublie, j’aimerais poser encore une petite question théorique : quelle est la différence entre les lignes 2 et 3 du code ci-dessous ?

var e, f;
e = Array(10);
f = new Array(10);

// Étonnant : affiche 'false'
console.log(e == f);

@dentuk : Merci particulièrement à toi, ça me fait plaisir d’avoir une réponse aussi complète !
Je prendrai un peu de temps pour la lire et la comprendre, je reviens sur le sujet si j’ai des questions.

Il n’y a pas de différence fondamentale entre Array(10) et new Array(10), pour moi la première syntaxe est gardée pour des raisons de rétro-compatibilité, tandis que la deuxième correspond mieux à la logique du JavaScript puisqu’on veut créer un nouvel objet.

Meme si les deux tableaux étaient créés avec la même syntaxe, tu obtiendrais false car les tableaux sont des objets et le test d’égalité entre deux objets consiste juste à vérifier si les deux objets sont les mêmes (au sens «référence mémoire»), ce n’est pas un test plus poussé qui irait vérifier les valeurs des propriétés.

Il n’y a pas de différence fondamentale entre Array(10) et new Array(10),

en soi. si.

new Array(10) crée un objet de type array, en donnant pour argument 10 à son constructeur. Array(10) appelle la fonction Array (qui s’avère faire la même chose que le constructeur) mais cette fonction ne retourne rien (donc undefined).

function bla(b) {this.b = b;}
bla(10)
// undefined
new bla(10)
// Object { b: 10 }

mais cette fonction ne retourne rien

bla(10) ne retourne rien, mais Array(10) retourne bien un nouveau tableau comme le ferait new Array(10). Je suis d’accord qu’appeler une fonction ou l’utiliser comme constructeur ne donne pas le même résultat en général, mais pour la fonction Array si. C’est pour cette raison que je pense que la syntaxe sans le new est uniquement conservée par rétro-compatibilité, bien qu’elle soit trompeuse pour les personnes qui essaient de comprendre la différence entre un appel de fonction et l’utilisation d’une fonction comme constructeur. Je ne sais pas comment il fallait interpréter la question de LysPrintemps entre cas général et cas particulier mais comme ça il aura les deux réponses !

En effet pour Array, ça le fait comme ça, encore une incohérence due à l’histoire de JS…

Quoi que, j’ai souvenir qu’avec Number ça marche aussi. Mais bon faut faire gaffe c’est un bon moyen de se gourer, avec ce genre de cas par exemple :

typeof(Number(1))
// "number"
typeof(new Number(1))
// "object"

Salut,

J’ai essayé de comprendre la différence entre Array(10) et new Array(10) en créant mon propre objet Tableau :

function Tableau(taille)
{
    this.taille = taille;
    return this;
}


var petit  =  Tableau(5);
var grand  =  new Tableau(150);

console.log(petit);  // Renvoie Window
console.log(grand);  // Renvoie Object { taille: 150 }

Et là, c’est encore plus confus car la ligne 8 ne revoie même pas un objet de type Tableau… Qu’est-ce qui m’échappe dans cet exemple ?

PS : en utilisant 'use strict'; au début du code, ce dernier plante avec l’erreur que this n’est pas défini à la ligne 3…

Tu fait du JavaScript qui date de l’age de pierre

le faite de définir une classe avec ta fonction Tableau entraine la contraite suivante:

Vue que tu exécute ce code dans un navigateur, tu as un contexte, du coup ta référence this pointe vers window, l’objet qui gère ta fenêtre de navigateur, c’est donc normal qu’il te retorune window et non un objet tableau. D’où l’importance du mot clef new ici.

Peut-être que d’autre pourrons mieux t’expliqué que moi ceci.

Merci pour l’explication

J’ai réussi à trouver une autre manière de procéder :

'use strict';

function Tableau(taille)
{
    if (this === undefined)
    {
        console.log("this n'est pas défini.");
        return new Tableau(taille);
    }

    console.log("this est défini :");
    console.log(this);

    this.taille = taille;
}

Tableau(10);

Je trouve cependant qu’elle n’est pas très propre.
En théorie, on n’est pas certain que this existe.
Or, on compare sa valeur à la ligne 5.

Pour moins que ça, je pense qu’un programme en C aurait planté si on avait écrit un code similaire.