ES6 – L’opérateur SPREAD

L’opérateur SPREAD

Javascript


//utilisation avec un tableau

const arr = [1,2,3];
console.log(arr); // [1,2,3]
const tab = [...arr,4];
console.log(tab); // [1,2,3,4]

// exemple filtrer les élément non égal à 2
console.log([...arr.filter(num => num !== 2)]);


//utilisation avec un objet

const personne = {
		nom: "Dupont",
    prenom: "Jean",
    age: 45
}

const presentation = {
	...personne,
  email: "jeandupont@gmail.com"
}


console.log(presentation);

Jsfiddle

Publier 17 mars 2020 par sm2017 dans ES6 - L'opérateur SPREAD Commentaires fermés

Les classes

Les classes sont juste des fonctions spéciales.
Pour utiliser une déclaration de classe simple, on utilisera le mot-clé class, suivi par le nom de la classe.
La méthode constructor est une méthode spéciale qui permet de créer et d’initialiser les objet créés avec une classe. Il ne peut y avoir qu’une seule méthode avec le nom « constructor » pour une classe donnée.

Javascript


class Personne {
   constructor(nom, prenom){
      this.nom = nom;
      this.prenom = prenom;
   }
}
const personne1 = new Personne();
console.log(personne);

Jsfiddle

Publier 17 mars 2020 par sm2017 dans ES6 - Les classes Commentaires fermés

Destructuration d’un tableau

Javascript


let W = "AAAAA";
let X = "BBBBB";
let Y = "CCCCC";
let Z = "DDDDD";
[W,X, Y, Z]= [Z,Y,X,W];
console.log(W,X, Y,Z); // résultat attendu : DDDDD CCCCC BBBBB AAAAA

Jsfiddle

Publier 18 mai 2018 par Michel PIALLIER dans ES6 - Destructuration Commentaires fermés

1 2 3 Next »