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 插件 任意位置浮动固定层
Dec 25 Javascript
js对象的构造和继承实现代码
Dec 05 Javascript
js+xml生成级联下拉框代码
Jul 24 Javascript
js+css实现有立体感的按钮式文字竖排菜单效果
Sep 01 Javascript
Node.js重新刷新session过期时间的方法
Feb 04 Javascript
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享
May 09 Javascript
使用JS中的exec()方法构造正则表达式验证
Aug 01 Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
Oct 05 Javascript
详谈Angular 2+ 的表单(一)之模板驱动型表单
Apr 25 Javascript
vue集成百度UEditor富文本编辑器使用教程
Sep 21 Javascript
vue+iview动态渲染表格详解
Mar 19 Javascript
小程序实现按下录音松开识别语音
Nov 22 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
解析获取优酷视频真实下载地址的PHP源代码
2013/06/26 PHP
php与java通过socket通信的实现代码
2013/10/21 PHP
PHP中判断文件存在使用is_file还是file_exists?
2015/04/03 PHP
WHOOPS PHP调试库的使用
2017/09/29 PHP
jQuery选择没有colspan属性的td的代码
2010/07/06 Javascript
游览器中javascript的执行过程(图文)
2012/05/20 Javascript
js创建一个input数组并绑定click事件的方法
2014/06/12 Javascript
js中this的用法实例分析
2015/01/10 Javascript
PHP+jQuery+Ajax实现多图片上传效果
2015/03/14 Javascript
JavaScript中的toUTCString()方法使用详解
2015/06/12 Javascript
three.js绘制地球、飞机与轨迹的效果示例
2017/02/28 Javascript
原生js实现验证码功能
2017/03/16 Javascript
原JS实现banner图的常用功能
2017/06/12 Javascript
vue中遇到的坑之变化检测问题(数组相关)
2017/10/13 Javascript
Express本地测试HTTPS的示例代码
2018/06/06 Javascript
JS错误处理与调试操作实例分析
2020/04/13 Javascript
VueJS实现用户管理系统
2020/05/29 Javascript
[32:17]完美世界DOTA2联赛循环赛LBZS vs Forest第二场 10月30日
2020/10/31 DOTA
[45:44]完美世界DOTA2联赛PWL S2 FTD vs PXG 第一场 11.27
2020/12/01 DOTA
python分割文件的常用方法
2014/11/01 Python
python实现简单点对点(p2p)聊天
2017/09/13 Python
Windows上使用Python增加或删除权限的方法
2018/04/24 Python
Python2与Python3的区别实例总结
2019/04/17 Python
Python 操作 MySQL数据库
2020/09/18 Python
浅析图片上传及canvas压缩的流程
2020/06/10 HTML / CSS
欧洲最大的美妆零售网站:Feelunique
2017/01/14 全球购物
伊莱克斯阿根廷网上商店:Tienda Electrolux
2021/03/08 全球购物
计算机大学生的自我评价
2013/10/15 职场文书
大学国际贸易专业自荐信
2014/06/05 职场文书
道路交通事故赔偿协议书
2014/10/24 职场文书
医务人员岗前培训心得体会
2016/01/08 职场文书
营销策划分析:怎么策划才能更好销量产品?
2019/09/04 职场文书
用Python编写简单的gRPC服务的详细过程
2021/07/04 Python
SQL Server中常用截取字符串函数介绍
2022/03/16 SQL Server
Apache Pulsar结合Hudi构建Lakehouse方案分析
2022/03/31 Servers
JavaScript实现音乐播放器
2022/08/14 Javascript