JavaScript 操作 JSON 对象 Key 与 Value 的常用方法

JSON 对象操作概述

本文介绍 JavaScript 中操作 JSON 对象 Key 和 Value 的常用方法，供读者参考。

定义 JSON 对象

一、定义 JSON 对象

// 首先定义一个json对象，对象以“{”（左括号）开始，“}”（右括号）结束
// 花括号内为键、值对 键必须用引号括起来，值若不是字符串则不必
var jsonObj = {
        "创维电视" : 50,
        "卡萨帝北京" : 40,
        "家电" : 40,
        "松下" : 30,
        "格力" : 20,
        "海尔" : 20,
        "海尔商城" : 20,
        "海尔客服" : 20,
        "美的" : 20,
        "美菱" : 20
      }

根据 Key 获取 Value

二、根据 Key 获取 Value

// 根据key获取value,两种方式
var value1 = eval("jsonObj." + "家电");// value1 = 40
var value2 = jsonObj["家电"];// value2 = 40

遍历 JSON 对象

三、遍历 JSON 对象

// 遍历json对象，获取键、值集合
var keyAry = [];
var valueAry = [];
for(var key in jsonObj){
  keyAry.push(key);
  valueAry.push(jsonObj[key]);
}
//打印输出
console.log(keyAry);
console.log(valueAry);

运行结果：

添加 Key

四、添加 Key

jsonObj["西门子"] = 100;

删除 Key

五、删除 Key

deledte jsonObj["海尔"];

PS：关于 JSON 操作，这里再为大家推荐几款比较实用的 JSON 在线工具供大家参考使用：

在线 JSON 代码检验、检验、美化、格式化工具： http://tools.jb51.net/code/json

JSON 在线格式化工具： http://tools.jb51.net/code/jsonformat

在线 XML/JSON 互相转换工具： http://tools.jb51.net/code/xmljson

JSON 代码在线格式化/美化/压缩/编辑/转换工具： http://tools.jb51.net/code/jsoncodeformat

在线 JSON 压缩/转义工具： http://tools.jb51.net/code/json_yasuo_trans

更多关于 JavaScript 相关内容可查看本站专题：《JavaScript 中 json 操作技巧总结》、《JavaScript 查找算法技巧总结》、《JavaScript 错误与调试技巧总结》、《JavaScript 数据结构与算法技巧总结》、《JavaScript 遍历算法与技巧总结》及《JavaScript 数学运算用法总结》

希望本文所述对大家 JavaScript 程序设计有所帮助。