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]);