Préparation à l'examen

 

Le pays le plus peuplé par zone.👍

See the Pen reduce Europe le plus peuplé by dupont (@dupontcodepen) on CodePen.

Bilan

Tab

reduce/JS

Object.entries(zones)/DOM

const Europe = [
    { nom: "Allemagne", zone: "O", population: 83 },
    { nom: "Belgique", zone: "O", population: 2 },
    { nom: "Autriche", zone: "O", population: 20 },
    { nom: "Bulgarie", zone: "E", population: 1 },
    { nom: "Chypre", zone: "S", population: 1 },
    { nom: "Croatie", zone: "S", population: 2 },
    { nom: "Danemark", zone: "N", population: 12 },
    { nom: "Espagne", zone: "S", population: 22 },
    { nom: "Estonie", zone: "N", population: 2 },

...
"{

  'O': {

    'nom': 'Allemagne',

    'zone': 'O',

    'population': 83

  },

  'E': {

    'nom': 'Pologne',

    'zone': 'E',

    'population': 45

  },

  'S': {

    'nom': 'Italie',

    'zone': 'S',

    'population': 55

  },

  'N': {

    'nom': 'Irlande',

    'zone': 'N',

    'population': 35

  }

}"


<section class="europe">

    <h1 data-cat="O">O</h1>

    <p data-cat="O">Allemagne: 83 </p>


    <h1 data-cat="E">E</h1>

    <p data-cat="E">Pologne: 45 </p>

 

   <h1 data-cat="S">S</h1>

    <p data-cat="S">Italie: 55 </p>

 

   <h1 data-cat="N">N</h1>

    <p data-cat="N">Irlande: 35 </p>

</section>



🌍Les deux pays les plus peuplés par zone (structure tableau)


🌍Deux pays par zone (Structure Map)

See the Pen reduce Europe 2 pays max by dupont (@dupontcodepen) on CodePen.

Bilan

Map

reduce

Object.entries(zones)

const mapEurope = new Map()

.set("Allemagne","O")

.set("Belgique","O")

.set("Autriche","O")

.set("Bulgarie","E")

.set("Chypre","S")

.set("Croatie","S")

.set("Danemark","N")

.set("Espagne","S")

.set("Estonie","N")


{

  'O': [

    'Allemagne',

    'Belgique'

  ],

  'E': [

    'Bulgarie',

    'Hongrie'

  ],

  'S': [

    'Chypre',

    'Croatie'

  ],

  'N': [

    'Danemark',

    'Estonie'

  ]

}"

<section class="europe">

    <p data-cat="O">Allemagne</p>

    <p data-cat="O">Belgique</p>

    <p data-cat="E">Bulgarie</p>

    <p data-cat="E">Hongrie</p>

 
Explication : L'Europe