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 相关文章推荐
Javascript里使用Dom操作Xml
Sep 20 Javascript
从零学JSON之JSON数据结构
May 19 Javascript
js实现select跳转功能代码
Oct 22 Javascript
浅析Javascript中bind()方法的使用与实现
May 30 Javascript
关于网页中的无缝滚动的js代码
Jun 09 Javascript
Js删除数组中某一项或几项的几种方法(推荐)
Jul 27 Javascript
巧用Vue.js+Vuex制作专门收藏微信公众号的app
Nov 03 Javascript
js实现显示手机号码效果
Mar 09 Javascript
详解Vue路由开启keep-alive时的注意点
Jun 20 Javascript
vue实现自定义多选按钮
Jul 16 Javascript
vue-cli3中配置alias和打包加hash值操作
Sep 04 Javascript
vue keep-alive的简单总结
Jan 25 Vue.js
纯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
PHP5 安装方法
2007/01/15 PHP
在php和MySql中计算时间差的方法
2011/04/22 PHP
openflashchart 2.0 简单案例php版
2012/05/21 PHP
解析PHP跨站刷票的实现代码
2013/06/18 PHP
在WordPress中实现评论头像的自定义默认和延迟加载
2015/11/24 PHP
优化innerHTML操作(提高代码执行效率)
2011/08/20 Javascript
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
2011/09/21 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
2014/07/18 Javascript
实例详解ECMAScript5中新增的Array方法
2016/04/05 Javascript
IONIC自定义subheader的最佳解决方案
2016/09/22 Javascript
图片懒加载插件实例分享(含解析)
2017/01/09 Javascript
基于IView中on-change属性的使用详解
2018/03/15 Javascript
checkbox在vue中的用法小结
2018/11/13 Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
2019/06/19 Javascript
使用typescript构建Vue应用的实现
2019/08/26 Javascript
vue的hash值原理也是table切换实例代码
2020/12/14 Vue.js
[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python多线程学习资料
2012/12/19 Python
Python的类实例属性访问规则探讨
2015/01/30 Python
EM算法的python实现的方法步骤
2018/01/02 Python
学生信息管理系统Python面向对象版
2019/01/30 Python
python操作日志的封装方法(两种方法)
2019/05/23 Python
使用 Supervisor 监控 Python3 进程方式
2019/12/05 Python
如何基于Python pygame实现动画跑马灯
2020/11/18 Python
澳大利亚领先的宠物用品商店:VetSupply
2017/09/08 全球购物
英国领先的独立酒精饮料零售商:DrinkSupermarket
2021/01/13 全球购物
计算机应用专业毕业生求职信
2013/10/24 职场文书
白岩松演讲
2014/05/21 职场文书
奥林匹克的口号
2014/06/13 职场文书
机电一体化专业毕业生自荐信
2014/06/19 职场文书
联谊活动总结
2014/08/28 职场文书
公安四风对照检查材料思想汇报
2014/10/11 职场文书
向雷锋同志学习倡议书
2015/04/27 职场文书
巾帼建功标兵先进事迹材料
2016/02/29 职场文书
员工给公司的建议书
2019/06/24 职场文书
python标准库ElementTree处理xml
2022/05/20 Python