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 loading加载效果实现代码
Nov 24 Javascript
jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码
Apr 27 Javascript
js 将json字符串转换为json对象的方法解析
Nov 13 Javascript
JavaScript实现文字跟随鼠标特效
Aug 06 Javascript
jQuery实现简单的文件上传进度条效果
Mar 26 Javascript
Backbone.js框架中Model与Collection的使用实例
May 07 Javascript
Vue.js计算属性computed与watch(5)
Dec 09 Javascript
vue-cli如何添加less 以及sass
Jul 06 Javascript
浅谈Vuejs中nextTick()异步更新队列源码解析
Dec 31 Javascript
基于vue v-for 多层循环嵌套获取行数的方法
Sep 26 Javascript
VUE注册全局组件和局部组件过程解析
Oct 10 Javascript
微信小程序实现单个或多个倒计时功能
Nov 01 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 5.3.5安装memcache注意事项小结
2011/04/12 PHP
php设计模式 Singleton(单例模式)
2011/06/26 PHP
PHP计数器的实现代码
2013/06/08 PHP
PHP+sqlite数据库操作示例(创建/打开/插入/检索)
2016/05/26 PHP
利用PHP实现开心消消乐的算法示例
2017/10/12 PHP
PHP addcslashes()函数讲解
2019/02/03 PHP
laravel-admin解决表单select联动时,编辑默认没选上的问题
2019/09/30 PHP
jquery操作checkbox实现全选和取消全选
2014/05/02 Javascript
使用jQuery.wechat构建微信WEB应用
2014/10/09 Javascript
通过JS判断联网类型和连接状态的实现代码
2015/04/01 Javascript
Bootstrap框架下下拉框select搜索功能
2020/03/26 Javascript
微信小程序 登录实例详解
2017/01/16 Javascript
Angular2学习教程之ng中变更检测问题详解
2017/05/28 Javascript
详解vue+css3做交互特效的方法
2017/11/20 Javascript
JS笛卡尔积算法与多重数组笛卡尔积实现方法示例
2017/12/01 Javascript
nodejs基于WS模块实现WebSocket聊天功能的方法
2018/01/12 NodeJs
深入解析koa之中间件流程控制
2019/06/17 Javascript
JS创建自定义对象的六种方法总结
2020/12/15 Javascript
js仿淘宝放大镜效果
2020/12/28 Javascript
python使用scrapy解析js示例
2014/01/23 Python
Python实现的批量下载RFC文档
2015/03/10 Python
Python的randrange()方法使用教程
2015/05/15 Python
使用Python导出Excel图表以及导出为图片的方法
2015/11/07 Python
Python书单 不将就
2017/07/11 Python
python2 与 pyhton3的输入语句写法小结
2018/09/10 Python
tensorflow如何批量读取图片
2019/08/29 Python
Python AutoCAD 系统设置的实现方法
2020/04/01 Python
python爬取音频下载的示例代码
2020/10/19 Python
大专生的学习自我评价
2013/12/04 职场文书
酒店管理专业自荐信
2014/05/23 职场文书
舞蹈专业求职信
2014/06/13 职场文书
课外访万家心得体会
2014/09/03 职场文书
个人批评与自我批评范文
2014/10/17 职场文书
网站文案策划岗位职责
2015/04/14 职场文书
2015年网络舆情工作总结
2015/07/24 职场文书
详解python的内存分配机制
2021/05/10 Python