reduce

Object.entries

Vous disposez d'un tableau d'articles. un article = {nom: String, cat: String, prix: Number}

data = [

{nom: 'coka', cat: 'Boisson', prix: 4}

{nom: 'farine', cat: 'Epicerie', prix: 4}

{nom: 'carotte', cat: 'Legume', prix: 9}

{nom: 'cafe', cat: 'Petit-dej', prix: 4}

{nom: 'jus de fruit', cat: 'Boisson', prix: 2}

{nom: 'choux', cat: 'Legume', prix: 2}

{nom: 'olives', cat: 'Epicerie', prix: 60}

{nom: 'veau', cat: 'Boucherie', prix: 40}

{nom: 'poireau', cat: 'Legume', prix: 2}

];

Donner

Le nombre d'articles.

Ajouter un attribut facture sous la forme prix.toLocaleString("fr-FR", { style: "currency", currency: "EUR" } pour chaque article

{ nom: 'carotte', cat: 'Legume', prix: 9, facture: '9,00 €' },

Afficher le tableau par ordre alpha des articles.

Les articles d'une "cat" donnée.

[
{ nom: 'carotte', cat: 'Legume', prix: 9, facture: '9,00 €' },
{ nom: 'choux', cat: 'Legume', prix: 2, facture: '2,00 €' },
{ nom: 'poireau', cat: 'Legume', prix: 2, facture: '2,00 €' }
]

Le coût du panier (total achat).

127

L'ensemble des "cat".

[ 'Petit-dej', 'Legume', 'Boisson', 'Epicerie', 'Boucherie' ]

Un objet donnant par "cat" le nombre d'articles.

{ 'Petit-dej': 1, Legume: 3, Boisson: 2, Epicerie: 2, Boucherie: 1 }

La "cat" qui a le plus d'articles.

{Legume: 3}

Un objet ou tableau donnant par "cat" un tableau d'articles.

[
'Petit-dej': [ 'cafe' ],
Legume: [ 'carotte', 'choux', 'poireau' ],
Boisson: [ 'coka', 'jus de fruit' ],
Epicerie: [ 'farine', 'olives' ],
Boucherie: [ 'veau' ]
]

Un objet donnant par "cat" un tableau des prix des articles.

[
'Petit-dej': [ 4 ],
Legume: [ 9, 2, 2 ],
Boisson: [ 4, 2 ],
Epicerie: [ 4, 60 ],
Boucherie: [ 40 ]
]

Un tableau d'objet avec par cat le total des prix des articles

[{"categorie":"Petit-dej","total":4}
,{"categorie":"Legume","total":15.3}
,{"categorie":"Boisson","total":2.4}
,{"categorie":"Epicerie","total":64}
,{"categorie":"Boucherie","total":40}]

Donner le coût du panier à partir du tableau précédent.

127

Plus d'infos »

Préparation examen !

fetch.git

Pour afficher à partir de https://ghibliapi.herokuapp.com/films

H. Miyazakis's Films

The Red Turtle : Michaël Dudok de Wit
When Marnie Was There : Hiromasa Yonebayashi
The Tale of the Princess Kaguya : Isao Takahata
The Wind Rises : Hayao Miyazaki
From Up on Poppy Hill : Gorō Miyazaki
Arrietty : Hiromasa Yonebayashi
Ponyo : Hayao Miyazaki
Tales from Earthsea : Gorō Miyazaki
Howl's Moving Castle : Hayao Miyazaki
The Cat Returns : Hiroyuki Morita
Spirited Away : Hayao Miyazaki
My Neighbors the Yamadas : Isao Takahata
Princess Mononoke : Hayao Miyazaki
Whisper of the Heart : Yoshifumi Kondō
Pom Poko : Isao Takahata
Porco Rosso : Hayao Miyazaki
Only Yesterday : Isao Takahata
Kiki's Delivery Service : Hayao Miyazaki
My Neighbor Totoro : Hayao Miyazaki
Grave of the Fireflies : Isao Takahata
Castle in the Sky : Hayao Miyazaki

Directors

Michaël Dudok de Wit
Yoshifumi Kondō
Gorō Miyazaki
Hayao Miyazaki
Hiroyuki Morita
Isao Takahata
Hiromasa Yonebayashi

H. Miyazakis's Films

The Red Turtle : Michaël Dudok de Wit
When Marnie Was There : Hiromasa Yonebayashi
The Tale of the Princess Kaguya : Isao Takahata
The Wind Rises : Hayao Miyazaki
From Up on Poppy Hill : Gorō Miyazaki
Arrietty : Hiromasa Yonebayashi
Ponyo : Hayao Miyazaki
Tales from Earthsea : Gorō Miyazaki
Howl's Moving Castle : Hayao Miyazaki
The Cat Returns : Hiroyuki Morita
Spirited Away : Hayao Miyazaki
My Neighbors the Yamadas : Isao Takahata
Princess Mononoke : Hayao Miyazaki
Whisper of the Heart : Yoshifumi Kondō
Pom Poko : Isao Takahata
Porco Rosso : Hayao Miyazaki
Only Yesterday : Isao Takahata
Kiki's Delivery Service : Hayao Miyazaki
My Neighbor Totoro : Hayao Miyazaki
Grave of the Fireflies : Isao Takahata
Castle in the Sky : Hayao Miyazaki

Directors

Michaël Dudok de Wit
Yoshifumi Kondō
Gorō Miyazaki
Hayao Miyazaki
Hiroyuki Morita
Isao Takahata
Hiromasa Yonebayashi

Films By Director

Michaël Dudok de Wit
- The Red Turtle
Hiromasa Yonebayashi
- When Marnie Was There
- Arrietty
Gorō Miyazaki
- From Up on Poppy Hill
- Tales from Earthsea
Hiroyuki Morita
- The Cat Returns
Yoshifumi Kondō
- Whisper of the Heart
Isao Takahata
- The Tale of the Princess Kaguya
- My Neighbors the Yamadas
- Pom Poko
- Only Yesterday
- Grave of the Fireflies
Hayao Miyazaki

The Wind Rises
Ponyo
Howl's Moving Castle
Spirited Away
Princess Mononoke
Porco Rosso
Kiki's Delivery Service
My Neighbor Totoro
Castle in the Sky

https://github.com/dupontdenis/MiyazakisFilms.git

async function getFilms() {
    try {
        const url = 'https://ghibliapi.herokuapp.com/films';
        const filmsResponse = await fetch(`${url}`);
        const films = await filmsResponse.json();

        //Hayao Miyazaki
        films.forEach(({ director, title }) =>
            document
                .querySelector("#filmsBy")
                .insertAdjacentHTML('afterbegin', `<li ${"Hayao Miyazaki" == director ? 'class="selected"' : ""}> ${title} : ${director} </li>`))


        //find directors
        const directors = films.map(({ director }) => director);

        [... new Set(directors)]
            .sort((a, b) => {
                if (a.split(" ")[1] > b.split(" ")[1])
                    return -1;
                else
                    return 1;
            })
            .forEach((director) => {
                document
                    .querySelector("#directors")
                    .insertAdjacentHTML('afterbegin', `<li> ${director} </li>`)
            })

        //directors's films
        const directorsFilms = films.reduce((a, { director, title }) => {
            if (!a[director]) a[director] = [];
            a[director].push(title);
            return a;
        }, []);


        //views
        Object.entries(directorsFilms).forEach(([director, films]) => {
            const tempLi = document.createElement('li')
                , tempUl = document.createElement('ul');

            films.forEach((film) => tempUl.insertAdjacentHTML('afterbegin', `<li> ${film} </li>`))
            
            tempLi.insertAdjacentElement('beforeend', tempUl)
                .insertAdjacentText('beforebegin', `${director}`)

            document
                .querySelector("#directorsfilmsList")
                .insertAdjacentElement('afterbegin', tempLi)

        })

    } catch (error) {
        console.log(error);
    }
}

getFilms();