ES6 – Les méthodes map() et filter()

La méthode map()

La méthode map() retourne un tableau contenant tous les éléments d’un tableau initial sur lequel une fonction est appliquée.

Elle évite l’utilisation d’une boucle pour parcourir manuellement les éléments du tableau un par un, avec for ou forEach()

Javascript


const personnes = [{
    nom:'Dupont',
    prenom:'Jean'
},
{
    nom:'Durant',
    prenom:'Jules'
}
];
const personnes_nom = personnes.map(personne => personne.nom);
console.log(personnes_nom)

const personnes_prenom = personnes.map(personne => personne.prenom);
console.log(personnes_prenom)

Jsfiddle

Publier 22 mars 2020 par sm2017 dans ES6 - Les méthodes map() et filter() Commentaires fermés

Destructuration d’un objet

Javascript


const profil ={
    nom: 'Durant',
    adresse: {
      rue: '24 rue du Landy'
      ville: 'Paris'
    },
    loisirs: ['télévision', 'sport']
}

const {rue, ville} = profil.adresse;

console.log(rue, ville)

const {loisirs} = profil;

console.log(loisirs)

Jsfiddle

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

Les Template Strings

On peut directement utiliser les variables dans une template string si on les insère dans un placeholder qui s’écrit ${variable}
Les template strings utilisent le caractère back-tick (accent grave simple `) pour délimiter les chaînes de caractères.

Javascript

ES5


var chaine = "world";
var machaine = "Hello " + chaine; // => Hello world
console.log(machaine);

ES6


const nouvelleChaine = "Michel";
const maNouvelleChaine = `Hello ${nouvelleChaine}`; // => Hello Michel
console.log(maNouvelleChaine);

Jsfiddle

Publier 7 mai 2018 par Michel PIALLIER dans ES6 - Les Template Strings Commentaires fermés

« Previous 1 2 3 Next »