Comment récupérer des valeurs de table de hachage de tableau associatif Javascript?

Question

J'ai une gamme complète de termes et leurs définitions comme ceci:

var definitions = [ 
     {label : "abdomen", def: "stomach, stomach area, belly, tummy"}, 
     {label : "ability", def: "skill"}, 
     {label : "abolish", def: "end, do away with, get rid of"}, 
        etc 
       ] 

Je veux écrire une boucle for qui fonctionne essentiellement par chaque « étiquette » et donne la liste des. Pour la simple énumération d'un seul terme que j'ai essayé différentes manières et aucun n'a travaillé:

var definitionDiv = document.getElementById("definitionContainer"); 
definitionDiv.appendChild(document.createTextNode(definitions["abdomen")); 

ou

definitionDiv.appendChild(document.createTextNode(definitions.def["abdomen")); 

ou

definitionDiv.appendChild(document.createTextNode(definitions.label[1])); 

Et aucun d'entre eux ont travaillé. Mon résultat final désiré utilise une boucle for pour lister toutes les étiquettes comme des liens qui pointent vers la def ou la définition. Mais d'abord j'ai besoin de surmonter cet obstacle.

Answer 1

Pour commencer, vous voulez vraiment ceci:

definitionDiv.appendChild(document.createTextNode(definitions[0].label)); 

Vous accéderait la propriété def avec definitions[0].def. Pour looping:

var i; 
for (i = 0; i < definitions.length; i++) { 
    var definition = definitions[i]; 
    // Use definition.label and definition.def however you want here. 
} 

Answer 2

Dans la forme actuelle definitions[i].label et definitions[i].def sont ce que vous cherchez.

Vous pouvez également essayer de jouer avec la représentation si vous voulez accéder à des définitions par leurs étiquettes au lieu d'un index numérique, ce que vous cherchez ressemble plus à un hachage qu'à un tableau.

Dans ce cas, vous pouvez réorganiser votre tableau en un objet, et les clés seront les étiquettes.

var definitions = { // objects are hashes 
    abdomen: "stomach, stomach area, belly, tummy", 
    ability: "skill", 
    abolish: "end, do away with, get rid of", 
    // key: value, 
    // ... 
}; 

Bien sûr, change la façon dont vous allez à travers les articles, qui devient maintenant une énumération .

for (var label in definitions) { 
    if (definitions.hasOwnProperty(key)) { 
     // label is label 
     // definition is definitions[label] 
     alert(label + " => " + definitions[label]); 
    } 
} 

Answer 3

Si je suis correctement vous voulez juste se retrouver avec une liste de liens, l'étiquette étant ce que l'utilisateur voit et le « def » étant le « href » du lien?

Si oui, vous pourriez faire quelque chose comme ceci:

var definitions = [ 
    { 
    label: "abdomen", 
    def: "stomach, stomach area, belly, tummy" 
    }, 
    { 
    label: "ability", 
    def: "skill" 
    }, 
    { 
    label: "abolish", 
    def: "end, do away with, get rid of" 
    } 

]; 

$.each(definitions, function(index, item) { 
    $('#definitionContainer').append('<a href="' + item.def + '">' + item.label + '</a>'); 
}); 

un exemple de travail ici: JSFiddle

Dernière question

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Questions connexes

• Aucun problème connexe^_^