Avancé ! map, reduce

 const languageSkills = [

  {

    language: "Spanish",

    skill: "Professional Proficiency",

  },

  {

    language: "English",

    skill: "Professional Working Proficiency",

  },

  {

    language: "German",

    skill: "Professional Proficiency",

  },

];

const output = languageSkills.reduce((map, { language, skill }) => {

  if (map.has(skill)) map.get(skill).push(language);

  else map.set(skill, [language]);

  return map;

}, new Map());

console.log(...output);

Reduce with Map : closest value

 let value = 610;

const table = new Map([

    [0,'yellowgreen'],

    [150, 'green'],

    [600, 'olive'],

    [750, 'red'],

    [800, 'black'],

]);

const closestKey = [...table.keys()].reduce( (acc, key) => {

   return acc = ( Math.abs(acc-value) < Math.abs(key-value) ) ? acc : key

})

┌───────────────────┬─────┬───────────────┐

│ (iteration index) │ Key │ Values │ ├───────────────────┼─────┼───────────────┤ │ 0 │ 0 │ 'yellowgreen' │ │ 1 │ 150 │ 'green' │ │ 2 │ 600 │ 'olive' │ │ 3 │ 750 │ 'red' │ │ 4 │ 800 │ 'black' │ └───────────────────┴─────┴───────────────┘ console.log(closestKey, table.get(closestKey))

// 600 olive

lien

Map : en action

 

let value = 610;

const table = new Map([

    [0,'yellowgreen'],

    [150, 'green'],

    [600, 'olive'],

    [750, 'red'],

    [800, 'black'],

]);

console.table(table.keys());

console.table([...table.keys()]);

table.keys() renvoie un itérateur ! 

[... table.keys()] renvoie un tableau !

destructuration, map

const arr = [{

    id: 1,

    name: 'bill'

  }, {

    id: 2,

    name: 'ted'

  }]

  

const result = arr.map( ({id:value,name:text}) => ({ value, text }));

  console.log(result)

Map en Action

  
Comment transformer :

[['eux', '   ', '   ' ],['A', 'B', 'C' ],['eux', '   ', '   ']]

en

[["eux", "A", "eux"],["   ", "B", "   "],["   ", "C", "   "]]


Aide

Test

Vous pourrez arrêter de travailler si vous me donnez le résultats de

map

const liste = [
{age:10,arg:2,exp:2},
{age:1,arg:1},
{age:100,arg:3},
];

function AgeArg({arg,age}){
  return age*arg;
}

let T = liste.map(AgeArg);

console.log(T);

Map en action

const allowedKeys = new Map([
        [37, 'left'],
        [38, 'up'],
        [39, 'right'],
        [40, 'down']
]);
document.addEventListener('keydown', function(e) {
 let arrow = allowedKeys.get(e.keyCode);
    if (arrow) document.querySelector("#Key").innerHTML +=`<br/>${arrow}`;
    e.preventDefault();
    return false;
});


JS Bin on jsbin.com

Parcours du Dom

allTag = (node) =>{

    let tag = [],
        allEle = {};


    _explore = (node) => {
      for (let elt of node.children) {
            tag.push(elt.nodeName);
            _explore(elt);
      }
    }


    _explore(node);
 
    _getWordCnt = (arr) => {
      return arr.reduce(function(prev,next){
        prev[next] = (prev[next] + 1) || 1;
        return prev;
      },{});
    }
 
    allEle = _getWordCnt(tag);

    //allEle {div:2,p:10}


    console.log(Object.keys(allEle).map(key => `${key}*${allEle[key]} `));

   console.log(`La balise la plus utilisée est : ${Object.keys(allEle).reduce((keya, keyb) =>allEle[keya] > allEle[keyb] ? keya : keyb)}`);

    let all = Object.keys(allEle).sort((keya, keyb) => allEle[keyb] - allEle[keya]);


    console.log("par ordre de présence  ** ");
    for (var b of all) {
         console.log(` ${b} ${allEle[b]} ` );
    }

 
    return allEle;


}


let a = allTag(document.body);


for (var b in a) {
  if (a.hasOwnProperty(b)) {
    console.log(`la balise ${b} apparaît ${a[b]} fois  ` );
  }
}

transposé !

const A = [
  [1,3,5],
  [2,4,6]
];

let At = A[0].map( (_,col) => A.map( (lig,_) =>lig[col]));

console.log(`|${A.join("|\n|")}| `) ;

console.log(`|${At.join("|\n|")}| `) ;

Map recurcive !

Définition : 

let map = ( fn, list) => !list.length ? []:
  [fn( list[0])].concat(map(fn, list.slice(1)));

Utilisation :

map( x=> x+1, [ 1,2,3,4)) 

lire la suite !

boucle let/var

const arr = [];
for (var i=0; i < 3; i++) {
    arr.push(() => i);
}

console.log(arr.map(f => f()));

const arrL = [];
for (let i=0; i < 3; i++) {
    arrL.push(() => i);
}

console.log(arrL.map(f => f()));
JS Bin on jsbin.com