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 相关文章推荐
新页面打开实际尺寸的图片
Aug 25 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
Apr 17 Javascript
AngularJS入门教程(零):引导程序
Dec 06 Javascript
IE8中动态创建script标签onload无效的解决方法
Dec 22 Javascript
JS+CSS实现模仿浏览器网页字符查找功能的方法
Feb 26 Javascript
BootStrap智能表单demo示例详解
Jun 13 Javascript
js动态添加的DIV中的onclick事件简单实例
Jul 25 Javascript
详解js中==与===的区别
Jan 08 Javascript
微信小程序通过保存图片分享到朋友圈功能
May 24 Javascript
antd Upload 文件上传的示例代码
Dec 14 Javascript
微信小程序实现二维码签到考勤系统
Jan 16 Javascript
输入框跟随文字内容适配宽实现示例
Aug 14 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
js类中的公有变量和私有变量
2008/07/24 Javascript
下载网站打开页面后间隔多少时间才显示下载链接地址的代码
2010/04/25 Javascript
jquery.autocomplete修改实现键盘上下键自动填充示例
2013/11/19 Javascript
一个网页标题title的闪动提示效果实现思路
2014/03/22 Javascript
Javascript调用函数方法的几种方式介绍
2015/03/20 Javascript
js电话号码验证方法
2015/09/28 Javascript
使用jQuery操作HTML的table表格的实例解析
2016/03/13 Javascript
JS代码实现table数据分页效果
2016/05/26 Javascript
JavaScript动态添加事件之事件委托
2016/07/12 Javascript
javascript的函数劫持浅析
2016/09/26 Javascript
JavaScript prototype属性详解
2016/10/25 Javascript
JS两种类型的表单提交方法实例分析
2016/11/28 Javascript
jquery.cookie.js的介绍与使用方法
2017/02/09 Javascript
vue中post请求以a=a&b=b 的格式写遇到的问题
2018/04/27 Javascript
node实现生成带参数的小程序二维码并保存到本地功能示例
2018/12/05 Javascript
javascript创建元素和删除元素实例小结
2019/06/19 Javascript
使用 Vue 实现一个虚拟列表的方法
2019/08/20 Javascript
nodejs使用Sequelize框架操作数据库的实现
2020/10/21 NodeJs
python黑魔法之参数传递
2016/02/12 Python
python编程羊车门问题代码示例
2017/10/25 Python
疯狂上涨的Python 开发者应从2.x还是3.x着手?
2017/11/16 Python
用pandas按列合并两个文件的实例
2018/04/12 Python
在Django中输出matplotlib生成的图片方法
2018/05/24 Python
python按比例随机切分数据的实现
2019/07/11 Python
python区分不同数据类型的方法
2019/10/14 Python
使用Python开发个京东上抢口罩的小实例(仅作技术研究学习使用)
2020/03/10 Python
Python 没有main函数的原因
2020/07/10 Python
用python给csv里的数据排序的具体代码
2020/07/17 Python
香港卓悦化妆品官网:BONJOUR
2017/09/21 全球购物
美国五金商店:Ace Hardware
2018/03/27 全球购物
.net面试题
2015/12/22 面试题
项目考察欢迎辞
2014/01/17 职场文书
2014端午节活动策划方案
2014/01/27 职场文书
情感电台广播稿
2015/08/18 职场文书
Windows环境下实现批量执行Sql文件
2021/10/05 SQL Server
分析MySQL优化 index merge 后引起的死锁
2022/04/19 MySQL