JS操作json对象key、value的常用方法分析
更新时间：2019年10月29日 11:30:06 作者：xuexuan_050848
这篇文章主要介绍了JS操作json对象key、value的常用方法,结合实例形式分析了js操作json对象键值对遍历及增删的相关操作技巧,需要的朋友可以参考下
本文实例讲述了JS操作json对象key、value的常用方法。分享给大家供大家参考，具体如下：
一、定义JSON对象
// 首先定义一个json对象，对象以“{”（左括号）开始，“}”（右括号）结束
// 花括号内为键、值对 键必须用引号括起来，值若不是字符串则不必
var jsonObj = {
"创维电视" : 50,
"卡萨帝北京" : 40,
"家电" : 40,
"松下" : 30,
"格力" : 20,
"海尔" : 20,
"海尔商城" : 20,
"海尔客服" : 20,
"美的" : 20,
"美菱" : 20
}
二、根据key获取value
// 根据key获取value,两种方式
var value1 = eval("jsonObj." + "家电");// value1 = 40
var value2 = jsonObj["家电"];// value2 = 40
三、遍历json对象
// 遍历json对象，获取键、值集合
var keyAry = [];
var valueAry = [];
for(var key in jsonObj){
keyAry.push(key);
valueAry.push(jsonObj[key]);
}
//打印输出
console.log(keyAry);
console.log(valueAry);
运行结果：
四、添加key
jsonObj["西门子"] = 100;
五、删除key
deledte jsonObj["海尔"];
PS：关于json操作，这里再为大家推荐几款比较实用的json在线工具供大家参考使用：
在线JSON代码检验、检验、美化、格式化工具：
http://tools.jb51.net/code/json
JSON在线格式化工具：
http://tools.jb51.net/code/jsonformat
在线XML/JSON互相转换工具：
http://tools.jb51.net/code/xmljson
json代码在线格式化/美化/压缩/编辑/转换工具：
http://tools.jb51.net/code/jsoncodeformat
在线json压缩/转义工具：
http://tools.jb51.net/code/json_yasuo_trans
更多关于JavaScript相关内容可查看本站专题：《JavaScript中json操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
这篇文章主要介绍了js获取当月最后一天实例代码，有需要的朋友可以参考一下2013-11-11
这篇文章主要介绍了js结合正则实现国内手机号段校验的方法以及使用js和jQuery实现的简单校验手机号的示例，非常简单实用，有需要的小伙伴可以参考下。2015-06-06
这篇文章主要介绍了微信域名检测接口调用演示步骤（含PHP、Python），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
这篇文章主要介绍了JavaScript中的无阻塞加载性能优化方案,本文讲解了Deferred Scripts 延期脚本、Dynamic Script Elements 动态脚本元素、XMLHttpRequest Script Injection XHR脚本注入等内容,需要的朋友可以参考下2014-10-10
这篇文章主要介绍了JavaScript对于动态规划解决股票问题的真题例举讲解。文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
这篇文章主要为大家详细介绍了JS简易的计算器实现代码,，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
bootstrap时间控件daterangepicker使用方法及各种小bug修复
这篇文章主要介绍了bootstrap时间控件daterangepicker使用方法，及各种小bug修复，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
本文主要介绍了使用原生javascript实现Tab选项卡切换的功能，虽然jQuery有很多类似的插件，单jQuery库着实有点庞大，这种小功能还是直接用javascript来做就好了。2015-01-01
点击单元格后可编辑单元格内文本如何制作...2006-10-10
下面小编就为大家带来一篇浅谈JavaScript for循环 闭包。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
最新评论