js如何获取object类型里的键值

最新推荐文章于 2025-02-11 15:08:07 发布

原创最新推荐文章于 2025-02-11 15:08:07 发布 · 1.7w 阅读

3 ·

CC 4.0 BY-SA版权

JS+JQuery 专栏收录该内容

59 篇文章

订阅专栏

本文介绍了如何在JavaScript中通过动态键名获取对象属性值的方法，包括使用obj[key]及eval方法，并提供了一个示例来展示如何遍历对象的所有键值对。

最近遇到一个问题：

var obj = {"name1":"张三","name2":"李四"};
var key = "name1";
var value = obj.key;  //得到了"undefined"
value = obj.name1;    //得到了"张三"

其实我是想动态给key赋值，然后得到key为多少所对就的值。但这种做法行不通，obj.key会去找obj下key为"key"所对应的值，结果当然是找不到喽。

于是，我想到了js中遍历对象属性的方法：

function printObject(obj) {
    //obj = {"cid":"C0","ctext":"区县"};
    var temp = "";
    for (var i in obj) { //用javascript的for/in循环遍历对象的属性
        temp += i + ":" + obj[i] + "\n";
    }
    //alert(obj);  //结果：[object Object]
    //console.log(obj);  //使用firebug查看结果
    alert(temp);   //结果：cid:C0 \n ctext:区县
}

这样，就可以清楚的知道js中一个对象的key和value分别是什么了。

回到刚才的问题，怎么动态给key赋值，然后以obj.key的方式得到对应的value呢？
其实以上printObject中有提示，那就是用obj[key]的方法，key可以是动态的，这样就解决了我上面提出的问题了。
最后说一下，还有一个方法也可以，那就是：eval("obj."+key)。

总结：
js中想根据动态key得到某对象中相对应的value的方法有二：

1、var key = "name1";var value = obj[key];
2、var key = "name1";var value = eval("obj."+key);

扩展阅读：jquery ajax 回调函数的值alert出来[object Object] 解决方法