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 相关文章推荐
jquery复选框CHECKBOX全选、反选
Aug 30 Javascript
IE8 兼容性问题(属性名区分大小写)
Jun 04 Javascript
自动刷新网页,自动刷新当前页面,JS调用
Jun 24 Javascript
JQuery弹出层示例可自定义
May 19 Javascript
Javascript的闭包详解
Dec 26 Javascript
jQuery设置指定网页元素宽度和高度的方法
Mar 25 Javascript
基于JS实现移动端左滑删除功能
Jul 28 Javascript
js实现登录注册框手机号和验证码校验(前端部分)
Sep 28 Javascript
Vuejs 实现简易 todoList 功能 与 组件实例代码
Sep 10 Javascript
jquery实现二级导航下拉菜单效果实例
May 14 jQuery
Vue 实现把表单form数据 转化成json格式的数据
Oct 29 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
Sep 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
一个简单的自动发送邮件系统(一)
2006/10/09 PHP
ThinkPHP3.1数据CURD操作快速入门
2014/06/19 PHP
PHP正则替换函数preg_replace和preg_replace_callback使用总结
2014/09/22 PHP
php实现按指定大小等比缩放生成上传图片缩略图的方法
2014/12/15 PHP
Yii2框架BootStrap样式的深入理解
2016/11/07 PHP
PHP 匿名函数与注意事项详细介绍
2016/11/26 PHP
在php的yii2框架中整合hbase库的方法
2018/09/20 PHP
PHP isset()及empty()用法区别详解
2020/08/29 PHP
JS在IE和FF下attachEvent,addEventListener学习笔记
2009/11/26 Javascript
JavaScript中继承的一些示例方法与属性参考
2010/08/07 Javascript
JS中attr和prop属性的区别以及优先选择示例介绍
2014/06/30 Javascript
javaScript实现可缩放的显示区效果代码
2015/10/26 Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
2016/05/24 Javascript
js实现五星评价功能
2017/03/08 Javascript
整理关于Bootstrap排版的慕课笔记
2017/03/29 Javascript
微信小程序 商城开发(ecshop )简单实例
2017/04/07 Javascript
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
2018/04/13 Javascript
JavaScript实现计算圆周率到小数点后100位的方法示例
2018/05/08 Javascript
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
2019/06/24 Javascript
vue3修改link标签默认icon无效问题详解
2019/10/09 Javascript
vue配置多代理服务接口地址操作
2020/09/08 Javascript
python实现从网络下载文件并获得文件大小及类型的方法
2015/04/28 Python
Collatz 序列、逗号代码、字符图网格实例
2017/06/22 Python
使用OpCode绕过Python沙箱的方法详解
2019/09/03 Python
python 内置函数汇总详解
2019/09/16 Python
Tensorflow加载Vgg预训练模型操作
2020/05/26 Python
商务日语专业毕业生求职信
2013/10/26 职场文书
中专自我鉴定
2014/02/05 职场文书
应聘教师求职信
2014/07/19 职场文书
我的中国梦演讲稿300字
2014/08/19 职场文书
2014年民主评议党员个人总结
2014/09/24 职场文书
外贸业务员岗位职责
2015/02/13 职场文书
伊索寓言读书笔记
2015/06/30 职场文书
2016廉政教育学习心得体会
2016/01/25 职场文书
小型企业的绩效考核制度模板
2019/11/21 职场文书
Python上下文管理器Content Manager
2021/06/26 Python