Testez vous
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 }};
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 }};
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