如何从 Javascript 关联数组哈希表中检索值？

Question

我有一个充满术语及其定义的数组，如下所示：

 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
                ]

我想编写一个for 循环，它基本上贯穿每个“标签”并将它们列出来。 为了简单地列出一个术语，我尝试了不同的方法，但都没有奏效：

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

或

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

或

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

而且它们都没有奏效。我想要的最终结果是使用for 循环将所有标签列为指向def 或定义的链接。但首先我需要克服这个障碍。

Answer 1

对于初学者，你真的想要这个：

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

您将使用definitions[0].def 访问def 属性。对于循环：

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

如果我没听错，你只想得到一个链接列表，标签是用户看到的，“def”是链接的“href”？

如果是这样，您可以这样做：

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>');
});

这里有一个工作示例：JSFiddle

Answer 3

列出单个术语：

function getDef( which ) {
  for(var i=0,j=definitions.length; i<j; i++){
    if( definitions[i].label == which )
      return definitions[i].def;
  }
}

所以：

var foo = getDef('ability'); // etc

构建完整的定义列表：

var finalResult = $('<dl/>');

$( definitions ).each( function(i,e){
    var $dt = $('<dt/>').html( e.label );
    var $dd = $('<dd/>').html( e.def );
    finalResult.append( $dt, $dd );
});

$('#answer').append( finalResult );

这是一个例子：http://jsfiddle.net/VyXdG/

Answer 4

在当前形式中，definitions[i].label 和 definitions[i].def 是您要查找的内容。

如果您想通过标签而不是数字索引访问定义，您也可以尝试使用表示，您正在寻找的更像是哈希而不是数组。

在这种情况下，您可以将数组重新组织成一个对象，键就是标签。

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

这当然会改变你浏览项目的方式，现在它变成了一个枚举。

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