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


Posted in Javascript onFebruary 18, 2014

最近遇到一个问题:

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(temp);//结果:cid:C0 \n ctext:区县 
}

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

总结:

js中想根据动态key得到某对象中相对应的value的方法有二:
一、var key = "name1";var value = obj[key];
二、var key = "name1";var value = eval("obj."+key);

Javascript 相关文章推荐
js 鼠标点击事件及其它捕获
Jun 04 Javascript
关于JavaScript的with 语句的使用方法
May 09 Javascript
用js替换除数字与逗号以外的所有字符的代码
Jun 07 Javascript
如何让一个json文件显示在表格里【实现代码】
May 09 Javascript
Javascript的比较汇总
Jul 25 Javascript
JavaScript中的this使用详解
Jul 27 Javascript
鼠标经过出现气泡框的简单实例
Mar 17 Javascript
用js实现before和after伪类的样式修改的示例代码
Sep 07 Javascript
完美解决手机网页中输入框被输入法遮挡的问题
Dec 19 Javascript
vue生命周期的探索
Apr 03 Javascript
vuex + keep-alive实现tab标签页面缓存功能
Oct 17 Javascript
JavaScript交换变量的常用方法小结【4种方法】
May 07 Javascript
纯js写的分页表格数据为json串
Feb 18 #Javascript
倒记时60刷新网页的js代码
Feb 18 #Javascript
JS替换文本域内的回车示例
Feb 18 #Javascript
javascript得到当前页的来路即前一页地址的方法
Feb 18 #Javascript
通过正则表达式实现表单验证是否为中文
Feb 18 #Javascript
如何将网页表格内容导入excel
Feb 18 #Javascript
js charAt的使用示例
Feb 18 #Javascript
You might like
PHP安装攻略:常见问题解答(三)
2006/10/09 PHP
php桌面中心(二) 数据库写入
2007/03/11 PHP
简化php模板页面中分页代码的解析
2009/02/06 PHP
php中的mongodb select常用操作代码示例
2014/09/06 PHP
Linux系统下php获得系统分区信息的方法
2015/03/30 PHP
浅析基于WEB前端页面的页面内容搜索的实现思路
2014/06/10 Javascript
JavaScript中定义类的方式详解
2016/01/07 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
2016/06/16 Javascript
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
2016/07/08 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
2016/08/18 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
2016/12/26 Javascript
js仿淘宝评价评分功能
2017/02/28 Javascript
js实现简单的无缝轮播效果
2020/09/05 Javascript
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
2020/12/02 Vue.js
[00:10]DOTA2全国高校联赛速递
2018/05/30 DOTA
[51:17]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python中的高级数据结构详解
2015/03/27 Python
使用Python操作Elasticsearch数据索引的教程
2015/04/08 Python
python实现微信小程序自动回复
2018/09/10 Python
python经典趣味24点游戏程序设计
2019/07/26 Python
Python pandas自定义函数的使用方法示例
2019/11/20 Python
Python Flask上下文管理机制实例解析
2020/03/16 Python
Python使用Selenium模拟浏览器自动操作功能
2020/09/08 Python
python实现粒子群算法
2020/10/15 Python
python中pyplot基础图标函数整理
2020/11/10 Python
阳光体育:Sunny Sports(购买露营和远足设备)
2018/08/07 全球购物
JS原生实现轮播图的几种方法
2021/03/23 Javascript
服装公司总经理岗位职责
2013/11/30 职场文书
考试没考好检讨书
2014/01/31 职场文书
2015年医院保卫科工作总结
2015/07/23 职场文书
小程序教您怎样你零成本推广获取数万用户的方法
2019/07/30 职场文书
2019安全宣传标语大全
2019/08/14 职场文书
python自动化八大定位元素讲解
2021/07/09 Python
python利用while求100内的整数和方式
2021/11/07 Python
Python编写冷笑话生成器
2022/04/20 Python
python数字图像处理数据类型及颜色空间转换
2022/06/28 Python