javascript - 动态访问 javascript 对象

Question

我有一个我想通过动态变量访问的 javascript 对象：

var color = {
                red : '#ff0000',
                black : '#000000',
                silver : '#7d8989'
            };

var currentColor = $(val).html();

console.log(color[currentColor]);

但是我从控制台收到未定义的消息。如何访问数据？

编辑：

问题是选项值末尾有空格，感谢大家的快速回复：

var currentColor = $.trim($(val).html());

Answer 1

这行得通。就像评论一样，我不确定“val”是什么，但如果它是一个 ID，请确保它的目标正确。

HTML：

<p id="val">red</p>

JS：

var color = {
                red : '#ff0000',
                black : '#000000',
                silver : '#7d8989'
            };
var currentColor = $("#val").html();
console.log(color[currentColor]);

Answer 2

您可能想在地图中找到颜色之前修剪您的字符串：

var color = {
    red : '#ff0000',
    black : '#000000',
    silver : '#7d8989'
};

var currentColor = $.trim( $(val).html() );

console.log(color[currentColor]);

像这样通过 DOMNode 路由数据并不是很快。

Answer 3

您的代码似乎工作正常，因此您的选择器可能有问题 请参阅http://jsfiddle.net/9GPbv/1/工作正常

<div class="val">red</div>

var color = {
                red : '#ff0000',
                black : '#000000',
                silver : '#7d8989'
            };

var currentColor = $(".val").html();

alert(color[currentColor]);

此外，如果您使用http://jsfiddle.net/tMFZr/之类的输入，您应该使用 .val() 而不是 .html()

Answer 4

如果您的 html 有一个 id：

var color = {
    red : '#ff0000',
    black : '#000000',
    silver : '#7d8989'
};
var currentColor = document.getElementById("val").innerText;
console.log(currentColor);
console.log(color[currentColor]);

Answer 5

您应该在对象中使用引号，因为您将使用它作为字符串值：HTML

<div id="val">red</div>

JS

var color = {
                'red' : '#ff0000',
                'black' : '#000000',
                'silver' : '#7d8989'
            };

var currentColor = $(val).html();

console.log(color[currentColor]);

Answer 6

我认为你在 chrome 控制台中得到了 undefined 。如果是这样，请看一下如果 console.log(4) 在 Chrome 控制台中输出 undefined 是什么意思？