javascript - "Key"jQuery 中的对象无法正常工作

Question

所以我一直在努力让这一小段代码发挥作用。但是，我不确定这是我的语法问题还是我做错了。此代码的目标是让用户输入诸如“H2”或“Li”之类的字符串，并返回与 div“testing”中该字符串关联的数字。当我运行代码时，它不会返回任何内容。

<form>
            <input type="text" name="atomNameOne"/> 
</form>
        <button name="moleRatios">Submit!</button>
        <br/>
        <br/>
        <br/>
    <div id="testing"></div>

这是与我的代码关联的 jQuery 代码。

 $('button[name=moleRatios]').click(function(){
    var compound = {
    H2 = 2.01594,
    Li = 6.939,
    Be = 9.0122,
    B = 10.811
    }

    var search = function(name) {
        for(var key in compound) {
            if(compound[key] === name) {
            return compound[key];
            }
        }
    };


    var $atomValueOne = search($('input[name=atomNameOne]').val());


    $('#testing').text($atomValueOne);

    });

Answer 1

那里有一个错误的语法:

var compound = {
H2 = 2.01594,
Li = 6.939,
Be = 9.0122,
B = 10.811
}

应该是

var compound = {
H2: 2.01594,
Li: 6.939,
Be: 9.0122,
B: 10.811
}

然后

如果 key 是 H2，compound[key] 将返回 2.01594，也许你想要

if(compound[key] === name)

成为

if(key == name)

相反 其余的应该是一样的