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 函数集合
Jun 11 Javascript
GreyBox技术总结(转)
Nov 23 Javascript
基于jquery的监控数据是否发生改变
Apr 11 Javascript
jquery实现类似淘宝星星评分功能实例
Sep 12 Javascript
js游戏人物上下左右跑步效果代码分享
Aug 28 Javascript
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
npm全局模块卸载及默认安装目录修改方法
May 15 Javascript
vue中的mvvm模式讲解
Jan 31 Javascript
JS中数据结构与算法---排序算法(Sort Algorithm)实例详解
Jun 17 Javascript
layer.alert回调函数执行关闭弹窗的实例
Sep 11 Javascript
小程序实现长按保存图片的方法
Dec 31 Javascript
详解ES6 CLASS在微信小程序中的应用实例
Apr 24 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
使用TinyButStrong模板引擎来做WEB开发
2007/03/16 PHP
ThinkPHP3.1新特性之内容解析输出详解
2014/06/19 PHP
PHP使用正则表达式获取微博中的话题和对象名
2015/07/18 PHP
又拍云异步上传实例教程详解
2016/04/19 PHP
PHP+Ajax验证码验证用户登录
2016/07/20 PHP
轻松实现php文件上传功能
2017/02/17 PHP
QQ登录简单实现代码
2021/03/09 Javascript
List the UTC Time on a Computer
2007/06/11 Javascript
jQuery 扩展对input的一些操作方法
2009/10/30 Javascript
js字母大小写转换实现方法总结
2013/11/13 Javascript
Bootstrap优化站点资源、响应式图片、传送带使用详解3
2016/10/14 Javascript
微信公众平台开发教程(五)详解自定义菜单
2016/12/02 Javascript
理解AngularJs篇:30分钟快速掌握AngularJs
2016/12/23 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
2017/06/13 Javascript
小发现之浅谈location.search与location.hash的问题
2017/06/23 Javascript
JavaScript requestAnimationFrame动画详解
2017/09/14 Javascript
vue .js绑定checkbox并获取、改变选中状态的实例
2018/08/24 Javascript
Jquery 动态添加元素并添加点击事件实现过程解析
2019/10/12 jQuery
Python中实现对Timestamp和Datetime及UTC时间之间的转换
2015/04/08 Python
Python实现简单拆分PDF文件的方法
2015/07/30 Python
Python实现身份证号码解析
2015/09/01 Python
python之virtualenv的简单使用方法(必看篇)
2017/11/25 Python
pyqt5之将textBrowser的内容写入txt文档的方法
2019/06/21 Python
在SQLite-Python中实现返回、查询中文字段的方法
2019/07/17 Python
python基础 range的用法解析
2019/08/23 Python
Python读写压缩文件的方法
2020/07/30 Python
伦敦最有品味的百货:Liberty London
2016/11/12 全球购物
时尚设计师手表:The Watch Cabin
2018/10/06 全球购物
爱情检讨书大全
2014/01/21 职场文书
高二历史教学反思
2014/01/25 职场文书
运动会演讲稿100字
2014/08/25 职场文书
2014年企业工会工作总结
2014/11/12 职场文书
董事长开业致辞
2015/07/29 职场文书
筑梦中国心得体会
2016/01/18 职场文书
navicat 连接Ubuntu虚拟机的mysql的操作方法
2022/04/02 MySQL
解决Springboot PostMapping无法获取数据的问题
2022/05/06 Java/Android