在 JavaScript 中创建关联数组

Question

使用以下代码：

$credits.getCredits = function() {
    return $(this).find( 'tbody' ).children( 'tr' ).map(function(){
        var $name = $(this).children(':first').html();
        var $role = $(this).children(':nth-child(2)').html();

        return { $role: $name };
    }).get();
}

它会查看学分列表的元素，并且应该返回如下所示的列表：

[
     { 'Make-up': 'Bob' },
     { 'Make-up': 'Susan' },
     { 'Photography': 'Charlie' },
     { 'Lighting': 'Mike' },
     { 'Props': 'One-handed Tony' }
]

它最终会输出以下内容：

[
     { '$role': 'Bob' },
     { '$role': 'Susan' },
     { '$role': 'Charlie' },
     { '$role': 'Mike' },
     { '$role': 'One-handed Tony' }
]

如何补救关联数组创建以获得所需的输出？

Answer 1

分两步创建对象（关联数组）：

var obj = {};
obj[$role] = $name;
return obj

每当您使用文字创建对象（{foo: bar}）时，键也将按字面意思获取，并且不会被求值。

Answer 2

如果您想要动态名称，则需要以稍微不同的方式返回它，如下所示：

$credits.getCredits = function() {
  return $(this).find( 'tbody' ).children( 'tr' ).map(function(){
    var $name = $(this).children(':first').html(),
        $role = $(this).children(':nth-child(2)').html(),
        result = {};
    result[$role] = $name;    

    return result;
  }).get();
}

您可以在此处尝试一个示例（检查控制台）。这就是对象字面量语法的工作方式。由于它们是等效的：

object.propertyName
object["propertyName"]

您可以通过相同的路线进行分配。

Answer 3

JS 中没有关联数组。只需创建一个新对象并根据需要进行分配，例如：

var $obj = {};
$obj.MakeUp = 'Bob';