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 相关文章推荐
[IE&FireFox兼容]JS对select操作
Jan 07 Javascript
jQuery 操作XML入门
Dec 25 Javascript
ExtJS[Desktop]实现图标换行示例代码
Nov 17 Javascript
jquery实现图片上传之前预览的方法
Jul 11 Javascript
jquery 判断selection range 是否在容器中的简单实例
Aug 02 Javascript
JS实现的手机端精简幻灯片效果
Sep 05 Javascript
基于JavaScript实现数码时钟效果
Mar 30 Javascript
bootstrap轮播模板使用方法详解
Nov 17 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
Jan 13 Javascript
Webpack path与publicPath的区别详解
May 03 Javascript
基于mpvue小程序使用echarts画折线图的方法示例
Apr 24 Javascript
前端如何实现动画过渡效果
Feb 05 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/06/06 PHP
php解析json数据实例
2014/08/19 PHP
php制作文本式留言板
2015/03/18 PHP
php中二分法查找算法实例分析
2016/09/22 PHP
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
2007/03/24 Javascript
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
2011/07/04 Javascript
jQuery模拟超链接点击效果代码
2013/04/21 Javascript
jQuery使用fadein方法实现渐出效果实例
2015/03/27 Javascript
深入理解js中this的用法
2016/05/28 Javascript
vue获取当前点击的元素并传值的实例
2018/03/09 Javascript
vue element 中的table动态渲染实现(动态表头)
2019/11/21 Javascript
如何在vue中使用HTML 5 拖放API
2021/01/14 Vue.js
Python编码爬坑指南(必看)
2016/06/10 Python
Django自定义分页与bootstrap分页结合
2021/02/22 Python
Python2.7.10以上pip更新及其他包的安装教程
2018/06/12 Python
Python实现将Excel转换成为image的方法
2018/10/23 Python
Python Django 封装分页成通用的模块详解
2019/08/21 Python
python常用排序算法的实现代码
2019/11/08 Python
wxPython实现带颜色的进度条
2019/11/19 Python
Pytorch实现基于CharRNN的文本分类与生成示例
2020/01/08 Python
django 取消csrf限制的实例
2020/03/13 Python
Python 操作 PostgreSQL 数据库示例【连接、增删改查等】
2020/04/21 Python
Django中ORM的基本使用教程
2020/12/22 Python
Feelunique美国:欧洲大型的在线美妆零售电商
2018/11/04 全球购物
英国最受欢迎的价格比较网站之一:MoneySuperMarket
2018/12/19 全球购物
学习十八大报告感言
2014/02/04 职场文书
道德之星事迹材料
2014/05/03 职场文书
教师一帮一活动总结
2014/07/08 职场文书
食堂厨师岗位职责
2014/08/25 职场文书
授权收款委托书范本
2014/10/10 职场文书
合同权益转让协议书模板
2014/11/18 职场文书
2015年医务科工作总结范文
2015/05/26 职场文书
2016秋季运动会开幕词
2016/03/04 职场文书
二年级作文之动物作文
2019/11/13 职场文书
微信小程序和php的登录实现
2021/04/01 PHP
CSS 制作波浪效果的思路
2021/05/18 HTML / CSS