Tableau de valeur remplaçant attribut d'objet

Version imprimable

Bonjour à tous,

J'ai un tableau d'objet ressemblant à :
Code:

1 2 3 4 5 6 [ {id : 1, valeur : "85"}, {id : 2, valeur : "41"}, {id : 3, valeur : "15"}, {id : 4, valeur : "124"} ]
et un autre tableau d'objet ressemblant à :
Code:

1 2 3 4 5 6 7 8 [ {id : 1, libelle : "Michel"}, {id : 2, libelle : "Alain"}, {id : 3, libelle : "Robert"}, {id : 4, libelle : "Susette"}, {id : 5, libelle : "Bernard"}, {id : 6, libelle : "Cerise de Groupama"} ]
Mon objectif, vous l'aurai compris, est d'obtenir le tableau suivant :
Code:

1 2 3 4 5 6 [ {id : "Michel", valeur : "85"}, {id : "Alain", valeur : "41"}, {id : "Robert", valeur : "15"}, {id : "Susette", valeur : "124"} ]
:magicien:
Malheureusement je ne vois pas trop comment faire et j'aurai besoin d'un petit coup de main...

Merci d'avance pour votre aide ! :D

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
let
    tabValue = [
        {id : 1, valeur : "85"},
        {id : 2, valeur : "41"},
        {id : 3, valeur : "15"},
        {id : 4, valeur : "124"}
    ],
    tabLibelle = [
        {id : 1, libelle : "Michel"},
        {id : 2, libelle : "Alain"},
        {id : 3, libelle : "Robert"},
        {id : 4, libelle : "Susette"},
        {id : 5, libelle : "Bernard"},
        {id : 6, libelle : "Cerise de Groupama"}
    ],
    tabLength = ( tabValue.length <= tabLibelle.length ) ? ( tabValue.length ) : ( tabLibelle.length ),
    tabResult = [];
 
for ( let i = 0; i < tabLength; i++ ){
    tabResult.push( { "id" : tabLibelle[ i ][ "libelle" ], "valeur" : tabValue[ i ][ "valeur" ] } );
}
 
console.log( tabResult );

06/08/2015, 10h53
FloCAD
euuh... merci ...
mais je ne comprends pas très bien ce code ! (je suis débutant JS)
Qu'est-ce que let ? (il y a très peu de doc dessus ou sinon j'ai mal cherché)
En l'adaptant à mon code, j'obtiens l'erreur suivante : "Uncaught SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode" et je ne la comprends pas très bien non plus...

Merci d'avance pour le coup de main

----------------
EDIT :

Ok je viens de comprendre let ! (Je l'ai quand même remplacé par var pour une question de lisibilité et d'adaptation à mon code)
Du coup ça marche très bien sauf dans le cas où j'ai un tab value avec un id pas forcément incrémenté :
Code:

1 2 3 4 5 6 7 tabValue = [ {id : 1, valeur : "85"}, {id : 2, valeur : "41"}, {id : 3, valeur : "15"}, {id : 5, valeur : "124"} ],
et là la valeur "124" se retrouve avec le libelle de la valeur 4 et non de la valeur 5 ...

"let" c'est du JS 2015, le JS d'aujourd'hui.

Dans ce code, pour les navigateurs obsolètes, il suffit de remplacer "let" par un "var".

Le code est basique, pour le comprendre il n'y a pas d'autre solution que d'apprendre les fondamentaux du langage.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var
    tabValue = [
        {id : 1, valeur : "85"},
        {id : 2, valeur : "41"},
        {id : 3, valeur : "15"},
        {id : 4, valeur : "124"}
    ],
    tabLibelle = [
        {id : 1, libelle : "Michel"},
        {id : 2, libelle : "Alain"},
        {id : 3, libelle : "Robert"},
        {id : 4, libelle : "Susette"},
        {id : 5, libelle : "Bernard"},
        {id : 6, libelle : "Cerise de Groupama"}
    ],
    tabLength = ( tabValue.length <= tabLibelle.length ) ? ( tabValue.length ) : ( tabLibelle.length ),
    tabResult = [];
 
for ( var i = 0; i < tabLength; i++ ){
    tabResult.push( { "id" : tabLibelle[ i ][ "libelle" ], "valeur" : tabValue[ i ][ "valeur" ] } );
}
 
console.log( tabResult );

06/08/2015, 11h46
FloCAD

Ah c'est pour ça qu'il y a peu de doc et/ou tuto dessus ! Bon sang, je débute à peine en dev JS et je suis déjà obsolète ! ^^'
Du coup j'ai édité mon commentaire précédent, je ne sais pas si tu l'as vu mais j'ai un problème avec la correspondance des ID...Du coup je ne sais pas si une boucle for peut vraiment aider ! :/

(je me suis un peu braqué sur le let mais effectivement le reste est basique)
06/08/2015, 16h33
NoSmoking
Bonjour,
je n'aurais pas eu la même approche.

Attendu que je comprends que c'est l'objet tabLibelle qui doit être enrichi avec les données de tabValue, je commencerais par créer un objet objId comme suit
Code:

1 2 3 4 5 /* préparation du tableau d'index ARRAY -> JSON */ var i, objId = {}; for( i in tabValue){ objId[tabValue[i]['id']] = tabValue[i]['valeur']; }
pour ensuite affecter les valeurs dans une boucle
Code:

1 2 3 4 5 var i, id; for( i in tabLibelle){ id = tabLibelle[i]['id']; tabLibelle[i]['valeur'] = objId[id] ? objId[id] :null; }
en cas d’absence d'id la valeur est mise à null pour garder de la cohérence aux objets.

Mille excuses pour les (for( var...in))
07/08/2015, 00h44
danielhagnoul
Citation:
Envoyé par FloCAD

Du coup ça marche très bien sauf dans le cas où j'ai un tab value avec un id pas forcément incrémenté :

Code:

1 2 3 4 5 6 7 tabValue = [ {id : 1, valeur : "85"}, {id : 2, valeur : "41"}, {id : 3, valeur : "15"}, {id : 5, valeur : "124"} ],

et là la valeur "124" se retrouve avec le libelle de la valeur 4 et non de la valeur 5 ...
Logique ! J'ai construis mon code en fonction de votre question et des codes qui y sont donnés (il n'y a pas de trou dans les ID).

Pour apprendre le JS, il y a MDN

Mais pour approfondir le sujet ou avoir accès aux dernières nouveautés, il faut consulter les sources anglophones.

Pour débuter avec ES2015 (aussi appelé ES6), je vous conseille Getting started with ECMAScript 6

Puis de lire : Exploring ES6