Discussion :

[Karehaus]

Bonjour,

Désolé pour le titre pas très explicite. Je suis confronté à une petite problématique, j'ai deux façons pour la résoudre, mais je cherche la plus propre des deux (ou une autre méthode si vous avez une meilleure idée^^).

J'ai besoin pour mon programme d'afficher par ordre alphabétiques une liste de groupes identifiés par un paramètre group_id. Dans un premier temps, je récupère donc (via sql) mon objet JSON qui va se présenter comme ceci (pour simplifier) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
{
'2': { name: 'Bulbizarre'},
'8': { name: 'Salamèche'},
'9': { name: 'Carapuce'}
}

Ou alors, si je trie au niveau de la requête et j'obtiens un tableau :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
[
 { group_id: 2, name: 'Bulbizarre'},
 { group_id: 9, name: 'Carapuce'},
 { group_id: 8, name: 'Salamèche'},
]

Cette deuxième forme est pratique à l'affichage, tout se met dans le bon ordre. Problème : je dois accéder à l'identifiant du groupe pour faire des opérations dessus (consulter les membres, supprimer le groupe...). Je suis obligé d'identifier mes groupes par leur index tableau (Bulbizarre serait le 0, Salamèche le 2), pour retrouver le group_id après, ce qui rajoute une couche. Ca fonctionne, mais ce n'est pas satisfaisant.

L'autre possibilité que je vois : "dédoubler" ma variable pour avoir un objet JSON trié par group_id, et un tableau, réservé pour l'affichage, qui serait trié par ordre alphabétique. Mais dédoubler une variable me paraît assez moche comme solution.

Si vous avez des suggestions, je vous en serais très reconnaissant !

Merci bien.

[darkstar123456]

Bonjour,

Personnellement, j'ai toujours préféré la 2e écriture.
Elle est plus lisible et plus facile à utiliser. En plus, en javascript, certaines fonctions ne sont disponibles que pour des Array de façon native. Comme par exemple array.length qui n'existe pas pour un objet
Il est donc aussi plus facile de parcourir un tableau qu'un objet.
D'ailleurs, dans la plupart des langages on a pas le choix : seul un array peut contenir un ensemble de "choses" (habituellement un array d'objets)

Pour ce qui est de parcourir un tableau, il faudrait voir la taille de celui-ci et peut-être faire des tests...
Personnellement, je ne me suis jamais vraiment tracassé car parcourir un tableau à la recherche d'un élément c'est pas hyper compliqué
A contrario, si le tableau contient beaucoup d'éléments, faire un tableau de correspondance (index <=> id) ça peut consommer beaucoup de mémoire pour rien

[Karehaus]

Merci pour ta réponse Darkstar!

Effectivement, peu de groupes sont attendus, un index peut être un plus et rapidement se programmer ^^

[NoSmoking]

Bonjour,
je dirais que cela peut dépendre des données à manipuler et des relations qu'elles ont entre elles, un mixte des deux est envisageable et bien sûr de la façon dont tu vas les structurer après lecture de ta base.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
const TBL_JOUEURS = {
  "A001": {         /* id unique */
    "nom": "Puddin",
    "prenom": "Holmes"
  },
  "A002": {
    "nom": "Alleway",
    "prenom": "Alvan"
  },
  "A003": {
    "nom": "Strutley",
    "prenom": "Leia"
  }
}

avec par exemple des équipes

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
const TBL_EQUIPE = {
  "theBest": ["A001", "A003"],
  "theVeryBest": ["A002", "A004"],
}

Les méthodes de manipulations des Object existent même si pas toujours intuitives

• Object.keys(obj)
• Object.values(obj)
• Object.entries(obj)
• ...

Ne pas négliger non plus ta facilité à manipuler une structure ou une autre.

[CosmoKnacki]

Pour poursuivre ta réflexion, je te conseille de t'intéresser aux Map et aux WeakMap introduites depuis ECMAScript 6.