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 相关文章推荐
JavaScript高级程序设计(第3版)学习笔记11 内建js对象
Oct 11 Javascript
jquery对ajax的支持介绍
Dec 10 Javascript
jQuery实现当按下回车键时绑定点击事件
Jan 28 Javascript
使用原生JS实现弹出层特效
Dec 22 Javascript
javascript折半查找详解
Jan 26 Javascript
Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案
Sep 15 Javascript
浅谈jquery的html方法里包含特殊字符的处理
Nov 30 Javascript
jQuery实现页面滚动时智能浮动定位
Jan 08 Javascript
Angularjs中数据绑定的实例详解
Aug 25 Javascript
jquery一键控制checkbox全选、反选或全不选
Oct 16 jQuery
使用vue实现一个电子签名组件的示例代码
Jan 06 Javascript
使用konva和vue-konva库实现拖拽滑块验证功能
Apr 27 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
海贼王动画变成“真人”后,凯多神还原,雷利太帅了!
2020/04/09 日漫
无法载入 mcrypt 扩展,请检查 PHP 配置终极解决方案
2011/07/18 PHP
php数组去重实例及分析
2013/11/26 PHP
PHP使用gmdate实现将一个UNIX 时间格式化成GMT文本的方法
2015/03/19 PHP
php制作圆形用户头像的实例_自定义封装类源代码
2017/09/18 PHP
Js日期选择器并自动加入到输入框中示例代码
2013/08/02 Javascript
Extjs Label的 fieldLabel和html属性值对齐的方法
2014/06/15 Javascript
node.js中使用socket.io的方法
2014/12/15 Javascript
浅谈Jquery为元素绑定事件
2015/04/27 Javascript
jquery中val()方法是从最后一个选项往前读取的
2015/09/06 Javascript
如何利用JS通过身份证号获取当事人的生日、年龄、性别
2016/01/22 Javascript
总结JavaScript设计模式编程中的享元模式使用
2016/05/21 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
2016/06/17 Javascript
JS 动态加载js文件和css文件 同步/异步的两种简单方式
2016/09/23 Javascript
JS控制FileUpload的上传文件类型实例代码
2016/10/07 Javascript
Vue组件开发初探
2017/02/14 Javascript
JS中使用正则表达式g模式和非g模式的区别
2017/04/01 Javascript
详解Chai.js断言库API中文文档
2018/01/31 Javascript
vue-cli2.x项目优化之引入本地静态库文件的方法
2018/06/19 Javascript
jQuery实现的自定义轮播图功能详解
2018/12/28 jQuery
JS回调函数 callback的理解与使用案例分析
2019/09/09 Javascript
js如何验证密码强度
2020/03/18 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
2021/01/18 Javascript
[00:08]DOTA2勇士令状等级奖励“天外飞星”
2019/05/24 DOTA
详解Python中的__new__、__init__、__call__三个特殊方法
2016/06/02 Python
python爬虫入门教程--正则表达式完全指南(五)
2017/05/25 Python
python应用文件读取与登录注册功能
2019/09/23 Python
文件上传服务器-jupyter 中python解压及压缩方式
2020/04/22 Python
如何在python中实现线性回归
2020/08/10 Python
wordpress添加Html5的表单验证required方法小结
2020/08/18 HTML / CSS
前台文员职责范本
2014/03/07 职场文书
2015年教学管理工作总结
2015/05/20 职场文书
毕业生登记表班级意见
2015/06/05 职场文书
爱国教育主题班会
2015/08/14 职场文书
2016年敬老月活动总结
2016/04/05 职场文书
有关保护环境的宣传标语100条
2019/08/07 职场文书