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 相关文章推荐
Autocomplete Textbox Example javascript实现自动完成成功
Aug 17 Javascript
javascript 操作select下拉列表框的一点小经验
Mar 20 Javascript
indexOf 和 lastIndexOf 使用示例介绍
Sep 02 Javascript
详解javascript遍历方式
Nov 11 Javascript
js显示动态时间的方法详解
Aug 20 Javascript
微信小程序 删除项目工程实现步骤
Nov 10 Javascript
Vue.js 递归组件实现树形菜单(实例分享)
Dec 21 Javascript
bootstrap响应式工具使用详解
Nov 29 Javascript
微信小程序实现简单input正则表达式验证功能示例
Nov 30 Javascript
vue项目中api接口管理总结
Apr 20 Javascript
vue2.0 实现富文本编辑器功能
May 26 Javascript
vue 使用async写数字动态加载效果案例
Jul 18 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/21 PHP
php生成zip文件类实例
2015/04/07 PHP
php集成套件服务器xampp安装使用教程(适合第一次玩PHP的新手)
2015/06/03 PHP
laravel利用中间件做防非法登录和权限控制示例
2019/10/21 PHP
web 页面分页打印的实现
2009/06/22 Javascript
基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)
2012/07/26 Javascript
js处理json以及字符串的比较等常用操作
2013/09/08 Javascript
Javascript实现检测客户端类型代码封包
2015/12/03 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
2016/11/15 Javascript
node文件上传功能简易实现代码
2017/06/16 Javascript
使用yeoman构建angular应用的方法
2017/08/14 Javascript
JavaScript实现开关等效果
2017/09/08 Javascript
SeaJS中use函数用法实例分析
2017/10/10 Javascript
vue组件实现可搜索下拉框扩展
2020/10/23 Javascript
使用gulp构建前端自动化的方法示例
2018/12/25 Javascript
vue搜索和vue模糊搜索代码实例
2019/05/07 Javascript
layui点击数据表格添加或删除一行的例子
2019/09/12 Javascript
vue 解决computed修改data数据的问题
2019/11/06 Javascript
Python中operator模块的操作符使用示例总结
2016/06/28 Python
对pycharm代码整体左移和右移缩进快捷键的介绍
2018/07/16 Python
python list转矩阵的实例讲解
2018/08/04 Python
Python3内置模块pprint让打印比print更美观详解
2019/06/02 Python
详解将Python程序(.py)转换为Windows可执行文件(.exe)
2019/07/19 Python
python 队列基本定义与使用方法【初始化、赋值、判断等】
2019/10/24 Python
python中的selenium安装的步骤(浏览器自动化测试框架)
2020/03/17 Python
Python环境搭建过程从安装到Hello World
2021/02/05 Python
西班牙英格列斯百货英国官网:El Corte Inglés英国
2017/10/30 全球购物
东南亚旅游平台:The Trip Guru
2018/01/01 全球购物
100%有机精油,美容油:House of Pure Essence
2018/10/30 全球购物
户外活动策划方案
2014/03/12 职场文书
四风剖析查摆对照检查材料思想汇报
2014/09/24 职场文书
2014年防汛工作总结
2014/12/08 职场文书
酒会邀请函
2015/01/31 职场文书
学术会议开幕词
2016/03/03 职场文书
导游词之西湖雷峰塔
2019/09/18 职场文书
python读取mnist数据集方法案例详解
2021/09/04 Python