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 页面传参数时 参数值含特殊字符的问题
Dec 13 Javascript
Flash图片上传组件 swfupload使用指南
Mar 14 Javascript
使用jQuery实现更改默认alert框体
Apr 13 Javascript
JavaScript学习笔记之数组去重
Mar 23 Javascript
jQuery+ajax的资源回收处理机制分析
Jan 07 Javascript
JS实现仿百度文库评分功能
Jan 12 Javascript
javascript 显示全局变量与隐式全局变量的区别
Feb 09 Javascript
JS模拟实现ECMAScript5新增的数组方法
Mar 20 Javascript
vue实现留言板todolist功能
Aug 16 Javascript
微信运维交互机器人的示例代码
Nov 12 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
Nov 05 Javascript
详解Vue2的diff算法
Jan 06 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面向对象的使用教程 简单数据库连接
2006/11/25 PHP
php cookie 登录验证示例代码
2009/03/16 PHP
PHP register_shutdown_function函数的深入解析
2013/06/03 PHP
PHP+redis实现添加处理投票的方法
2015/11/14 PHP
PHP实现通过URL提取根域名
2016/03/31 PHP
PHP安全下载文件的方法
2016/04/07 PHP
JQuery自定义事件的应用 JQuery最佳实践
2010/08/01 Javascript
到处都是jQuery选择器的年代 不了解它们的性能,行吗
2012/06/18 Javascript
28个常用JavaScript方法集锦
2015/01/14 Javascript
jQuery简单实现日历的方法
2015/05/04 Javascript
浅谈jquery中的each方法$.each、this.each、$.fn.each
2016/06/23 Javascript
js仿支付宝多方框输入支付密码效果
2016/09/27 Javascript
分类解析jQuery选择器
2016/11/23 Javascript
写jQuery插件时的注意点
2017/02/20 Javascript
微信小程序 合法域名校验出错详解及解决办法
2017/03/09 Javascript
Vue-Cli中自定义过滤器的实现代码
2017/08/12 Javascript
浅析vue中的MVVM实现原理
2019/03/04 Javascript
小程序绑定用户方案优化小结
2019/05/15 Javascript
python杀死一个线程的方法
2015/09/06 Python
Python制作爬虫采集小说
2015/10/25 Python
PHP网页抓取之抓取百度贴吧邮箱数据代码分享
2016/04/13 Python
详解Python self 参数
2019/08/30 Python
python基于plotly实现画饼状图代码实例
2019/12/16 Python
pygame用blit()实现动画效果的示例代码
2020/05/28 Python
浅谈keras中loss与val_loss的关系
2020/06/22 Python
Python安装Bs4的多种方法
2020/11/28 Python
涂鸦板简单实现 Html5编写属于自己的画画板
2016/07/05 HTML / CSS
HTML5 Canvas图像模糊完美解决办法
2018/02/06 HTML / CSS
英国时尚优质的女装:Hope Fashion
2018/08/14 全球购物
文秘自荐信
2013/10/20 职场文书
应届生会计求职信
2013/11/11 职场文书
道路交通安全实施方案
2014/03/12 职场文书
小学绿色学校申报材料
2014/08/23 职场文书
创先争优活动承诺书
2014/08/30 职场文书
教你怎么用Python实现GIF动图的提取及合成
2021/06/15 Python
python图片灰度化处理的几种方法
2021/06/23 Python