Les revisions

Pizzas

Destructuration

const words = [1,2,2,1,5];

let minMaxDistSumMoyNb = words.reduce((a, x) => {

let [m,M] = [Math.min(a[0],x),Math.max(a[1],x)];

let sum = a[3]+x;

let nb = a[5]+1;

let moy = sum/nb;

return [m,M,M-m+1,sum,moy,nb]

}

,[Number.MAX_VALUE,Number.MIN_VALUE,Number.MIN_VALUE,0,0,0]);

console.log(minMaxDistSumMoyNb);

code

Amélioration

const words = [1,2,2,1,6];

let minMaxSumMoyNb = words.reduce(([min,max,sum,_,nb], x) => {

let [m,M] = [Math.min(min,x),Math.max(max,x)];

sum = sum+x;

nb = nb+1;

return [m,M,sum,sum/nb,nb]

}

,[Number.MAX_VALUE,Number.MIN_VALUE,0,0,0]);

const [min,max,sum,moy,nb] = minMaxSumMoyNb

console.log(min,max,sum,moy,nb);

TD : reduce & Co

Reduce à fond la forme !

Prérequis :

reduce 1 📉

reduce 2

reduce 3

reduce 4

reduce 5 📈

En action :

const words = [10,2,2,1,10,10,10,10,10];

const o = words.reduce((a, x) => {

if (!a[x]) a[x] = 0;

a[x]=a[x]+1;

return a},{});

code

les méthodes sur les tableaux

Some, every

rappel : destructuration

map

reduce

filter

MA FONCTION filter

Filtre et map

Etude de cas et Projet

Class en action

https://github.com/dupontdenis/Class-lesSoldes.git

Création d'un quizz !

Analyse des structures

Clonez le code

https://github.com/dupontdenis/Quiz-App-Master-test-1.git

https://dupontdenis.github.io/Quiz-App-Master/game.html

Souriez : projet

Clonez https://github.com/dupontdenis/takepicture.git

Lancez dans un terminal le serveur avec la commande :

node app

Dans votre navigateur allez http://localhost:3000/

myForEach

tableau

Le littéral tableau

Objectifs

Projet (finir l'interaction)

Plan

DOM : TD

Element

Etude : événement

Repérer dans le code l'écouteur sur l'événement input.

input.addEventListener("input", ACTION)

See the Pen Amortissement bootstrap by dupont (@dupontcodepen) on CodePen.

MASTER CHEF 🐱‍🚀

Projet : améliorer son style !

projet

DOM / Etude de code pour le projet calculette !

HTML

dupontL2

Pages