javascript - jQuery 在 if 语句中使用数组数据

Question

我正在努力了解 jQuery 中的数组。让我们来看下面的场景。我有一组数据，如下所示:

var myVariable = [
    'key1' : 'value1',
    'key2' : 'value2',
    'key3' : 'value3',
    'key4' : 'value4'
] 

这是一个元素列表:

<ul id="elem">
    <li class="key1">Item 1</li>
    <li class="key2">Item 2</li>
    <li class="key3">Item 3</li>
    <li class="key4">Item 4</li>
</ul>

我将如何创建一个 if 语句 来遍历每个元素，如果类在数组中被识别然后替换文本内容？ 所以最终输出应该是:

<ul id="elem">
    <li class="key1">key1</li>
    <li class="key2">key2</li>
    <li class="key3">key3</li>
    <li class="key4">key4</li>
</ul>

我尝试了以下方法，但它似乎不起作用。

$('#elm li').each(function (index) {
    $(this).text(myVariable[index]);
});

我知道 JS 中没有关联数组，但我并不真正理解它是如何工作的。

请直接指出正确的方向。谢谢!!

Answer 1

一种方式:

$("#elem li").text(function(i, text) {
    return this.className in myVariable
         ? myVariable[this.className] : text;
});

另一种方式:

$.each(myVariable, function(key, value) {
    $("#elem li." + key).text(value);
});

N.B.:在 JavaScript 中，具有非数字键的数组是对象，应该用 {} 包围，但不能用 [ ]，就像在普通数组中一样。