itérator

Ne marche pas si appellé deux fois

const dateRange = {
  from: new Date(2018, 0, 23),
  to: new Date(2018, 3, 28),
  [Symbol.iterator]() {
    this.current = this.from

    return this
  },
  next() {
    if (this.current <= this.to) {
      this.current.setDate(this.current.getDate() + 1)

      return {
        done: false,
        value: new Date(this.current)
      }
    }

    return {
      done: true
    }
  }
}

const dateList = Array.from(dateRange);

dateList.forEach(date => {
    console.log(date.toString())
})

Getter et Setter d'une classe

La syntaxe set permet de lier une propriété d'un objet à une fonction qui sera appelée à chaque tentative de modification de cette propriété.

Exemple : 

class CodeSecret {

  constructor(num) {
    // invokes the setter
    this.code = num;

  }

  set code(num) {
   
    if ( !/^ISBN/.test(num)) {
      console.log("votre code doit commencer par ISBN");
      return;
    }
    this._code = num;

  }


  get code() {
    return this._code;
  }

}

let t = new CodeSecret("dD1");

https://es6console.com/jpbn7x38/

Révisions

Map

Dessiner

code

Examen

Editeur

class : Action

class Prefix {

     constructor(pref) { // pas de fx arrow
          this.pref= pref;
     }

    addPref(tab) {
      return tab.map( ( {genre,nom} ) => {
       
        let pref = genre =='m' ? `${this.pref}` : `${this.pref}e`;
       
        return `${pref} ${this.upper(nom)}`
      })
    }

    upper(s){
       return s[0].toUpperCase() + s.slice(1);
    }
}

pers =  [
{nom: "Dupont",ville: "evry",genre: "f"},
{nom: "Brusel",ville: "belfort",genre: "m"}

];
let t = new Prefix("Cher");

console.log(t.addPref(pers));

Mélanger un tableau !

On veut mélanger les éléments d'un tableau :

["denis","gérard","nicolas","lolo"] 

["nicolas","gérard","lolo","denis"] 

idem en 1 

["denis","gérard","nicolas","lolo"] 

["denis","gérard","nicolas","lolo"] 

idem en 0 

["denis","gérard","nicolas","lolo"] 

["nicolas","lolo","denis","gérard"] 

TOP

Améliorer ce code :

https://es6console.com/jov7idsb/

test map !

const pers = [
    { nom: "Dupont", ville: "evry", sex: "f", born: 1903 },
    { nom: "Dupont", ville: "Paris", sex: "f", born: 2004 },
    { nom: "Brusel", ville: "belfort", sex: "h", born: 1930 }
];


const filles_callBack = pers.filter(function(p){
    return (p.sex === "f");
});

Comparer ces différentes écritures

const filles_callBackArrow = pers.filter(p => p.sex === "f");

const filles_callBackDest = pers.filter(function( {sex}){
    return (sex === "f");
});

const filles_callBackArrowDestruc = pers.filter( ({sex} )  => sex == "f" );

Pour chaque transformation donner le résultat sous forme graphique : 

exemple

const filles= pers.filter(function(p){

    return (p.sex === "f");

});

const dates = filles.map(function annee( p, index ) {

   return { 

        num : index,

        annee : p.born 

     };

});

en Action

    function ageObj({ born }) {return { born }}
    function ageVal({ born }) {return born}
    function ajout(p) {p["new"] = "hallo";}
    function ajout_2(p) {return p["new"] = "hallo";}
    function ageObjDestruct({ born :annee }) {return { annee }};

filles.map(function annee( p, index ) {
   return [p.nom,p.born]
});

filles.map(ajout);
 
filles.map(ajout_2);
 
filles.map(p=>p);
 
filles.map(p=>p["new"]="hallo");
 
filles.map(ageObj);
 
filles.map(ageVal);

filles.map(function({ born : annee }) {return { annee }});

filles.map(function({ born :annee, nom }) {return { nom,annee }});

filles.map(function ({ nom, ville }) {
    return {
        info: `${nom} habite ${ville}`
    }
});

https://goo.gl/G6u1Cz