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 获取Mouse Position(鼠标坐标)的代码
Sep 21 Javascript
JS中改变this指向的方法(call和apply、bind)
Mar 26 Javascript
基于javascript实现简单的抽奖系统
Apr 15 Javascript
微信小程序 location API实例详解
Oct 02 Javascript
vue快捷键与基础指令详解
Jun 01 Javascript
js中的事件委托或是事件代理使用详解
Jun 23 Javascript
vue.js  父向子组件传参的实例代码
Oct 29 Javascript
JS 仿支付宝input文本输入框放大组件的实例
Nov 14 Javascript
vue this.reload 方法 配置
Sep 12 Javascript
解决vue2 在mounted函数无法获取prop中的变量问题
Nov 15 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】
Dec 13 Javascript
vue 给数组添加新对象并赋值
Apr 20 Vue.js
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学习之function的用法
2012/07/14 PHP
Java和PHP在Web开发方面对比分析
2015/03/01 PHP
Yii实现的多级联动下拉菜单
2016/07/13 PHP
利用javascript/jquery对上传文件格式过滤的方法
2009/07/25 Javascript
基于jQuery的简单的列表导航菜单
2011/03/02 Javascript
javascript测试题练习代码
2012/10/10 Javascript
node.js连接mongoDB数据库 快速搭建自己的web服务
2016/04/17 Javascript
用jquery获取自定义的标签属性的值简单实例
2016/09/17 Javascript
js 判断附件后缀的简单实现方法
2016/10/11 Javascript
js如何判断是否在iframe中及防止网页被别站用iframe嵌套
2017/01/11 Javascript
详解axios在node.js中的post使用
2017/04/27 Javascript
ES6使用Set数据结构实现数组的交集、并集、差集功能示例
2017/10/31 Javascript
详解vue-cli中模拟数据的两种方法
2018/07/03 Javascript
vue如何进行动画的封装
2018/09/26 Javascript
javascript实现fetch请求返回的统一拦截
2019/12/22 Javascript
js实现双色球效果
2020/08/02 Javascript
JS+JQuery实现无缝连接轮播图
2020/12/30 jQuery
[01:25:09]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第二场
2014/05/24 DOTA
[00:20]TI9观赛名额抽取Ⅱ
2019/07/24 DOTA
Python实现计算最小编辑距离
2016/03/17 Python
Python使用re模块实现信息筛选的方法
2018/04/29 Python
Python正则表达式指南 推荐
2018/10/09 Python
python 通过SSHTunnelForwarder隧道连接redis的方法
2019/02/19 Python
python的slice notation的特殊用法详解
2019/12/27 Python
matplotlib.pyplot.plot()参数使用详解
2020/07/28 Python
使用Python中tkinter库简单gui界面制作及打包成exe的操作方法(二)
2020/10/12 Python
美国名表在线商城:Ashford(支持中文)
2019/09/24 全球购物
电大毕业生自我鉴定
2013/11/10 职场文书
销售实习自我鉴定
2013/12/07 职场文书
计算机学生求职信范文
2014/01/30 职场文书
董事长秘书职责
2014/01/31 职场文书
活动总结报告格式
2014/05/09 职场文书
高三励志标语
2014/06/05 职场文书
迎新生标语大全
2014/10/06 职场文书
党员贯彻十八大精神思想汇报范文
2014/10/25 职场文书
Windows Server 2016服务器用户管理及远程授权图文教程
2022/08/14 Servers