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 相关文章推荐
fromCharCode和charCodeAt 方法
Dec 27 Javascript
JAVASCRIPT下判断IE与FF的比较简单的方式
Oct 17 Javascript
jquery 将disabled的元素置为enabled的三种方法
Jul 25 Javascript
js返回上一页并刷新的多种实现方法
Feb 26 Javascript
window.location 对象所包含的属性
Oct 10 Javascript
jQuery中unbind()方法用法实例
Jan 19 Javascript
JS基于cookie实现来宾统计记录访客信息的方法
Aug 04 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
Feb 21 Javascript
总结Node.js中的一些错误类型
Aug 15 Javascript
Javascript 之封装(Package)
Sep 14 Javascript
动态内存分配导致影响Javascript性能的问题
Dec 18 Javascript
vue Treeselect下拉树只能选择第N级元素实现代码
Aug 31 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
如何在symfony中导出为CSV文件中的数据
2011/10/06 PHP
5种PHP创建数组的实例代码分享
2014/01/17 PHP
php switch语句多个值匹配同一代码块的实现
2014/03/03 PHP
php中magic_quotes_gpc对unserialize的影响分析
2014/12/16 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
Apply an AutoFormat to an Excel Spreadsheet
2007/06/12 Javascript
用jQuery打造TabPanel效果代码
2010/05/22 Javascript
JavaScript 产生不重复的随机数三种实现思路
2012/12/13 Javascript
jquery无缝向上滚动实现代码
2013/03/29 Javascript
javascript验证上传文件的类型限制必须为某些格式
2013/11/14 Javascript
JavaScript避免代码的重复执行经验技巧分享
2014/04/17 Javascript
浅析基于WEB前端页面的页面内容搜索的实现思路
2014/06/10 Javascript
QQ空间顶部折页撕开效果示例代码
2014/06/15 Javascript
基于jQuery 实现bootstrapValidator下的全局验证
2015/12/07 Javascript
JavaScript函数、闭包、原型、面向对象学习笔记
2018/09/06 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
2018/12/10 Javascript
简述vue-cli中chainWebpack的使用方法
2019/07/30 Javascript
微信小程序引入模块中wxml、wxss、js的方法示例
2019/08/09 Javascript
在vue-cli 3中给stylus、sass样式传入共享的全局变量
2019/08/12 Javascript
JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】
2020/05/12 Javascript
[58:23]LGD vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
[01:07:57]DOTA2-DPC中国联赛 正赛 Ehome vs Magma BO3 第二场 1月19日
2021/03/11 DOTA
忘记ftp密码使用python ftplib库暴力破解密码的方法示例
2014/01/22 Python
Python和Ruby中each循环引用变量问题(一个隐秘BUG?)
2014/06/04 Python
浅谈Python2.6和Python3.0中八进制数字表示的区别
2017/04/28 Python
对Python中type打开文件的方式介绍
2018/04/28 Python
python实现将json多行数据传入到mysql中使用
2019/12/31 Python
tensorflow mnist 数据加载实现并画图效果
2020/02/05 Python
Python实现文件压缩和解压的示例代码
2020/08/12 Python
DJI美国:消费类无人机领域的领导者
2018/04/27 全球购物
最新创业融资计划书
2014/01/19 职场文书
活动总结怎么写
2014/04/28 职场文书
绿色环保标语
2014/06/12 职场文书
青春飞扬演讲稿
2014/09/11 职场文书
Vue+Flask实现图片传输功能
2022/04/01 Vue.js
Nginx的gzip相关介绍
2022/05/11 Servers