JS操作json对象key、value的常用方法分析


Posted in Javascript onOctober 29, 2019

本文实例讲述了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);

运行结果:

JS操作json对象key、value的常用方法分析

四、添加key

jsonObj["西门子"] = 100;

五、删除key

deledte jsonObj["海尔"];
Javascript 相关文章推荐
JS 添加网页桌面快捷方式的代码详细整理
Dec 27 Javascript
angularjs指令中的compile与link函数详解
Dec 06 Javascript
浅谈利用JavaScript进行的DDoS攻击原理与防御
Jun 04 Javascript
浅谈Node.js中的定时器
Jun 18 Javascript
微信小程序Server端环境配置详解(SSL, Nginx HTTPS,TLS 1.2 升级)
Jan 12 Javascript
JavaScript中Promise的使用详解
Feb 26 Javascript
JS 组件系列之BootstrapTable的treegrid功能
Jun 16 Javascript
详解Node使用Puppeteer完成一次复杂的爬虫
Apr 18 Javascript
js实现鼠标单击Tab表单切换效果
May 16 Javascript
Nuxt.js 数据双向绑定的实现
Feb 17 Javascript
vue 实现走马灯效果
Oct 28 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
Nov 13 Javascript
JQuery 实现文件下载的常用方法分析
Oct 29 #jQuery
Vue 设置axios请求格式为form-data的操作步骤
Oct 29 #Javascript
js单线程的本质 Event Loop解析
Oct 29 #Javascript
解决axios post 后端无法接收数据的问题
Oct 29 #Javascript
使用axios请求接口,几种content-type的区别详解
Oct 29 #Javascript
vue+elementui 对话框取消 表单验证重置示例
Oct 29 #Javascript
vue实现路由监听和参数监听
Oct 29 #Javascript
You might like
深入PHP数据缓存的使用说明
2013/05/10 PHP
PHP清除数组中所有字符串两端空格的方法
2014/10/20 PHP
PHP实现的XML操作类【XML Library】
2016/12/29 PHP
php字符串函数 str类常见用法示例
2020/05/15 PHP
javascript学习笔记(十) js对象 继承
2012/06/19 Javascript
JavaScript函数详解
2015/02/27 Javascript
text-align:justify实现文本两端对齐 兼容IE
2015/08/19 Javascript
js实现目录链接,内容跟着目录滚动显示的简单实例
2016/10/15 Javascript
基于JavaScript实现的折半查找算法示例
2017/04/14 Javascript
vue2.0多条件搜索组件使用详解
2020/03/26 Javascript
element ui里dialog关闭后清除验证条件方法
2018/02/26 Javascript
浅谈React组件之性能优化
2018/03/02 Javascript
三种Webpack打包方式(小结)
2018/09/19 Javascript
微信小程序环境下将文件上传到OSS的方法步骤
2019/05/31 Javascript
nodejs提示:cross-device link not permitted, rename错误的解决方法
2019/06/10 NodeJs
layui监听select变化,以及设置radio选中的方法
2019/09/24 Javascript
Vuex modules模式下mapState/mapMutations的操作实例
2019/10/17 Javascript
ES11新增的这9个新特性,你都掌握了吗
2020/10/15 Javascript
python单例模式实例分析
2015/04/08 Python
Python3通过Luhn算法快速验证信用卡卡号的方法
2015/05/14 Python
Python:Scrapy框架中Item Pipeline组件使用详解
2017/12/27 Python
将Dataframe数据转化为ndarry数据的方法
2018/06/28 Python
django前端页面下拉选择框默认值设置方式
2020/08/09 Python
使用CSS3来制作消息提醒框
2015/07/12 HTML / CSS
面向游戏玩家和书呆子的极客订阅盒:Loot Crate
2020/11/25 全球购物
毕业自我评价范文
2013/11/17 职场文书
社区安全检查制度
2014/02/03 职场文书
科技之星事迹材料
2014/06/02 职场文书
物业公司的岗位任命书
2014/06/06 职场文书
领导班子作风建设剖析材料
2014/10/11 职场文书
2014年内勤工作总结
2014/11/24 职场文书
离婚案件答辩状
2015/05/22 职场文书
西游记读书笔记
2015/06/25 职场文书
2016年教师节贺卡寄语
2015/12/04 职场文书
python批量创建变量并赋值操作
2021/06/03 Python
MySQL深度分页(千万级数据量如何快速分页)
2021/07/25 MySQL