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 相关文章推荐
12个非常有创意的JavaScript小游戏
Mar 18 Javascript
重载toString实现JS HashMap分析
Mar 13 Javascript
js 函数调用模式小结
Dec 26 Javascript
js实现广告漂浮效果的小例子
Jul 02 Javascript
Node.js中child_process实现多进程
Feb 03 Javascript
Javascript实现跑马灯效果的简单实例
May 31 Javascript
prototype.js常用函数详解
Jun 18 Javascript
如何防止INPUT按回车自动提交表单FORM
Dec 06 Javascript
在AngularJs中设置请求头信息(headers)的方法及不同方法的比较
Sep 04 Javascript
JavaScript之解构赋值的理解
Jan 30 Javascript
详解vuex持久化插件解决浏览器刷新数据消失问题
Apr 15 Javascript
JS实现简单日历特效
Jan 03 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
简单的cookie计数器实现源码
2013/06/07 PHP
PHP封装分页函数实现文本分页和数字分页
2014/10/23 PHP
php中Ctype函数用法详解
2014/12/09 PHP
YII2框架中查询生成器Query()的使用方法示例
2020/03/18 PHP
Mootools 1.2教程 设置和获取样式表属性
2009/09/15 Javascript
Extjs中使用extend(js继承) 的代码
2012/03/15 Javascript
JQuery入门——用映射方式绑定不同事件应用示例
2013/02/05 Javascript
javaScript实现滚动新闻的方法
2015/07/30 Javascript
jquery ajax局部加载方法详解(实现代码)
2016/05/12 Javascript
Bootstrap框架结合jQuery仿百度换肤功能实例解析
2016/09/17 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
2016/12/08 Javascript
JS实现的简单拖拽功能示例
2017/03/13 Javascript
微信小程序实现带刻度尺滑块功能
2017/03/29 Javascript
基于JavaScript定位当前的地理位置
2017/04/11 Javascript
JS组件系列之MVVM组件构建自己的Vue组件
2017/04/28 Javascript
jquery中each循环的简单回滚操作
2017/05/05 jQuery
vue上传图片到oss的方法示例(图片带有删除功能)
2018/09/27 Javascript
详解JSON.stringify()的5个秘密特性
2020/05/26 Javascript
vue使用echarts图表自适应的几种解决方案
2020/12/04 Vue.js
python自动化测试实例解析
2014/09/28 Python
Python随机读取文件实现实例
2017/05/25 Python
python实现简易云音乐播放器
2018/01/04 Python
python3实现163邮箱SMTP发送邮件
2018/05/22 Python
基于tensorflow加载部分层的方法
2018/07/26 Python
python celery分布式任务队列的使用详解
2019/07/08 Python
python破解bilibili滑动验证码登录功能
2019/09/11 Python
通过 Django Pagination 实现简单分页功能
2019/11/11 Python
python os模块常用的29种方法使用详解
2020/06/02 Python
Python应用实现处理excel数据过程解析
2020/06/19 Python
pytorch中index_select()的用法详解
2021/01/06 Python
解决python的空格和tab混淆而报错的问题
2021/02/26 Python
internal修饰符起什么作用
2013/12/16 面试题
市委召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
建筑技术负责人岗位职责
2015/04/13 职场文书
python3读取文件指定行的三种方法
2021/05/24 Python
PyTorch device与cuda.device用法
2022/04/03 Python