Comparer deux tableaux pour en créer un troisième

Version imprimable

Bonjour,

après plusieurs dizaines d'heures de recherche infructueuses je n'arrive toujours pas à effectuer cette conversion qui m'empeche de terminer mon site web :(.
Je pense avoir tout essayé et je n'arrive vraiment pas à trouver de solution.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
array1 = {
    nom: 'bernard',
    user_img: 'http://'
}, {
    nom: 'matthieu',
    user_img: 'http://'
}, {
    nom: 'sophie',
    user_img: 'http://'
}
 
array2 = {
    nom: 'matthieu',
    note: 17
}, {
    nom: 'sophie',
    note: '14'
}, {
    nom: 'bernard',
    note: 10
}, {
    nom: 'matthieu',
    note: 12
}, {
    nom: 'sophie',
    note: 17
}, {
    nom: 'bernard',
    note: 20
}

Voila je souhaiterais que ces deux tableaux soit combiner en un seul comme celui ci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
array3 = {
    nom: 'bernard',
    user_img: 'http://',
    moyenne: 15
}, {
    nom: 'matthieu',
    user_img: 'http://',
    moyenne: 14.5
}, {
    nom: 'sophie',
    user_img: 'http://',
    moyenne: 17
}

Merci beaucoup

07/02/2019, 15h19
Beginner.

Salut,

Ben comment tu obtiens cela ? Il faudrait peut-être changer la manière dont tu obtiens et stocke ces informations...

Ce ne sont pas des tableaux, array1, array2 et array3 sont des objets, seules les premières accolades sont prises en compte, les autres séparés par des virgules c'est une erreur de syntaxe...

En fait il manque les crochets []...

À ta place, je passerai par une étape intermédiaire qui consiste à créer un objet dont les "clefs" sont les noms et les valeurs celles de arr1 avec en plus une propriété notes.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
let arr1 = [ { nom: 'bernard', user_img: 'http://' },
             { nom: 'matthieu', user_img: 'http://' },
             { nom: 'sophie', user_img: 'http://' } ];
 
let arr2 = [ { nom: 'matthieu', note: 17 },
             { nom: 'sophie', note: 14 },
             { nom: 'bernard', note: 10 },
             { nom: 'matthieu', note: 12 },
             { nom: 'sophie', note: 17 },
             { nom: 'bernard', note: 20 } ];
 
let obj = {}, result = [];
 
for (const o of arr1) {
    o.notes = [];
    obj[o.nom] = o;
}
 
for (const o of arr2) {
    obj[o.nom].notes.push(o.note);
}

Citation:

Envoyé par Beginner

... les autres séparés par des virgules c'est une erreur de syntaxe...

Même si ce n'est pas le but recherché ici, ce n'est pas une erreur de syntaxe, rien n'empêche de séparer des instructions par des virgules:

Code:

1
2
3
4
5
6
7
toto = [1,2], toto.push(3);
function tata() {
    return toto.push(4), true;
}
 
console.log(tata()); // true
console.log(toto); // [1,2,3,4];

07/02/2019, 19h25
Beginner.

Citation:

Envoyé par CosmoKnacki

Même si ce n'est pas le but recherché ici, ce n'est pas une erreur de syntaxe, rien n'empêche de séparer des instructions par des virgules: [code]toto = [1,2], toto.push(3);

Merci et +1 ! Je ne savais pas ça...

Pour return toto.push(4), true; c'est toujours ce qui est renvoyé par la dernière "instruction" qui est retournée (return) et les instruction d'avant sont juste exécutées, c'est ça ?

EDIT : Du coup c'est quoi la différence exactement avec la le point virgule ? Même si j'ai une idée je pose la question quand même...
07/02/2019, 19h46
CosmoKnacki

Citation:

Envoyé par Beginner

c'est toujours ce qui est renvoyé par la dernière "instruction" qui est retournée (return) et les instruction d'avant sont juste exécutées, c'est ça ?

Oui, c'est ça.

Maintenant tu ne peux pas séparer tout et n'importe quoi avec une virgule, par exemple quand la situation est ambiguë: let arr=[], arr.push(1); ne marchera pas. (C'est vu comme une tentative de redéclaration de la variable, étant donné que la syntaxe de let/var/const utilise déjà les virgules pour déclarer plusieurs variables d'un coup.)

:salut:

Pour obtenir un tableau d'objets, avec pour chaque objet la moyenne des notes obtenues dans arr2, je propose la solution suivante :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
const
    arr1 = [{
            nom: 'bernard',
            user_img: 'http://'
        },
        {
            nom: 'matthieu',
            user_img: 'http://'
        },
        {
            nom: 'sophie',
            user_img: 'http://'
        }
    ],
    arr2 = [{
            nom: 'matthieu',
            note: 17
        },
        {
            nom: 'sophie',
            note: 14
        },
        {
            nom: 'bernard',
            note: 10
        },
        {
            nom: 'matthieu',
            note: 12
        },
        {
            nom: 'sophie',
            note: 17
        },
        {
            nom: 'bernard',
            note: 20
        }
    ];
 
let
    arrMoyen = [],
    nb = 0;
 
arrMoyen = arrMoyen.concat(arr1);
 
for (const obj of arrMoyen) {
    obj['moyenne'] = 0;
    obj['nbNotes'] = 0;
}
 
// debug
console.table(arrMoyen);
 
for (const obj of arrMoyen) {
    nb = 0;
 
    for (const objInArr2 of arr2) {
        if ( obj['nom'] === objInArr2['nom'] ){
            obj['moyenne'] += objInArr2['note'];
            obj['nbNotes'] = ++nb;
        }
    }
}
 
// debug
console.table(arrMoyen);
 
for (const obj of arrMoyen) {
    obj['moyenne'] = Number(obj['moyenne'] / obj['nbNotes']).toFixed(2);
}
 
// debug
console.table(arrMoyen);

Ok, puisque c'est ça, voici la fin de mon script précédent:

Code:

1
2
3
4
5
6
for (const name of Object.keys(obj)) {
    result.push({ nom: name,
                  user_img: obj[name].user_img,
                  moyenne: obj[name].notes.reduce((a,b) => a+b)/obj[name].notes.length
    });
}

Autre méthode utilisant un objet Map:

Code:

1
2
3
4
5
6
7
8
9
10
11
const mUser = new Map(arr1.map(o => { return o.moyenne = [], [o.nom, o] }));
 
for (const o of arr2) {
    mUser.get(o.nom).moyenne.push(o.note);
}
 
mUser.forEach(o => {
    o.moyenne = o.moyenne.reduce((a,b) => a+b)/o.moyenne.length
});
 
let result = Array.from(mUser.values());

08/02/2019, 05h18
martin_fr

Je voulais vraiment vous remercier de m'avoir aidé c'est super sympas.

Du coup j'ai utilisé la méthode de danielhagnoul qui paraissait plus simple à mes yeux et tout fonctionne c'est génial !

Je ne connaissais pas également le console.table() qui je pense à l'avenir me sera indispensable.

Bref merci encore !
08/02/2019, 20h04
Beginner.

Les deux codes proposés par CosmoKnacki et danielhagnoul sont instructifs, c'est intéressant de voir différentes solutions...

PS : @CosmoKnacki ok merci pour la réponse à ma question.