JavaScript 字典

Question

这个问题已经有答案了:

Accessing an object property with a dynamically-computed name (19 个回答)

已关闭 8 年前。

我引用了这篇文章:

are there dictionaries in javascript like python?

我的字典看起来像这样:

        states_dictionary = {
         "1":["60","purple","1t"],
         "2":["50","blue","2t"],
         "3":["40", "red","3t"],
         "4":["30","yellow","4t"],
         "5":["20","black","5t"],
         "6":["10", "green","6t"],
         "7":["10", "orange","7t"]
    };

我有一个名为 reading 的变量第一次迭代时为“1”。我想使用字典获取与该变量对应的颜色。

我使用:

color = states_dictionary.reading[1]

但是，我收到错误 Uncaught TypeError: Cannot read property '1' of undefined

这是为什么？

Answer 1

您在这里要求的内容:

color = states_dictionary.reading[1];

是对象states_dictionary 的名为reading 的属性。 states_dictionary 没有名为 reading 的属性，因此返回未定义。您无法调用 undefined 的任何属性，因此您会收到观察到的错误。

如果reading是这样的变量:

var reading = 1; // or even "1"

然后你可以这样做:

color = states_dictionary[reading][1];

并且color将获得值purple。

使用方括号表示法来动态访问使用变量而不是点表示法的属性。例如这些:

var foo = someObj.Foo;
var foo = someObj["Foo"];

是等价的。但这两个:

var bar = "Foo";
var foo = someObj.bar;
var foo = someObj[bar];

不是。