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 request函数 用来获取url参数
May 17 Javascript
DOM_window对象属性之--clipboardData对象操作代码
Feb 03 Javascript
javascript 获取模态窗口的滚动位置代码
Aug 06 Javascript
JS实现Enter键跳转及控件获得焦点
Aug 12 Javascript
JS获取url链接字符串 location.href
Dec 23 Javascript
深入理解javascript的执行顺序
Apr 04 Javascript
AngularJs实现分页功能不带省略号的代码
May 30 Javascript
浅析location.href跨窗口调用函数
Nov 22 Javascript
thinkjs之页面跳转同步异步操作
Feb 05 Javascript
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
Mar 22 Javascript
vue element-ui之怎么封装一个自己的组件的详解
May 20 Javascript
JSON stringify方法原理及实例解析
Oct 23 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
zf框架的Filter过滤器使用示例
2014/03/13 PHP
PHP实现的常规正则验证helper公共类完整实例
2017/04/27 PHP
JQuery 文本框使用小结
2010/05/22 Javascript
javascript new fun的执行过程
2010/08/05 Javascript
javascript中的prototype属性实例分析说明
2010/08/09 Javascript
jQuery中live方法的重复绑定说明
2011/10/21 Javascript
再谈Jquery Ajax方法传递到action(补充)
2014/05/12 Javascript
javascript类型系统——undefined和null全面了解
2016/07/13 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
2016/10/11 Javascript
Three.js基础部分学习
2017/01/08 Javascript
浅谈JavaScript中的apply/call/bind和this的使用
2017/02/26 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
2017/05/20 Javascript
以BootStrap Tab为例写一个前端组件
2017/07/25 Javascript
微信小程序实现跑马灯效果
2020/10/21 Javascript
vue.js 打包时出现空白页和路径错误问题及解决方法
2019/06/26 Javascript
使用axios请求接口,几种content-type的区别详解
2019/10/29 Javascript
通过微信公众平台获取公众号文章的方法示例
2019/12/25 Javascript
JavaScript 替换所有匹配内容及正则替换方法
2020/02/12 Javascript
JS数组索引检测中的数据类型问题详解
2021/01/11 Javascript
[49:29]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python在groupby分组后提取指定位置记录方法
2018/04/20 Python
Python操作远程服务器 paramiko模块详细介绍
2019/08/07 Python
django ListView的使用 ListView中获取url中的参数值方式
2020/03/27 Python
音频处理 windows10下python三方库librosa安装教程
2020/06/20 Python
意大利奢华内衣制造商:Cosabella
2017/08/29 全球购物
俄罗斯外国汽车和国产汽车配件网上商店:Движком
2020/04/19 全球购物
某公司部分笔试题
2013/11/05 面试题
初中生个人学习的自我评价
2013/12/04 职场文书
就业推荐表自我鉴定范文
2014/03/21 职场文书
师德师风演讲稿
2014/05/05 职场文书
保护动物的标语
2014/06/11 职场文书
员工薪酬激励方案
2014/06/13 职场文书
2015年助残日活动总结
2015/03/27 职场文书
pandas取dataframe特定行列的实现方法
2021/05/24 Python
Python基于百度AI实现抓取表情包
2021/06/27 Python
Nginx缓存设置案例详解
2021/09/15 Servers