dupontL2: Préparation au DS

Préparation au DS

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)

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

🌍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