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

而且它不是非常快像这样通过DOMNodes传送数据。

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

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

个

JS

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

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

console.log(color[currentColor]); 

Answer 5

我觉得你越来越未定义的铬控制台。如果是的话，请看看What does it mean if console.log(4) outputs undefined in Chrome Console?

Answer 6

如果你的HTML有一个id：

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