JS操作json對(duì)象key、value的常用方法分析

發(fā)布時(shí)間：2020-10-01 14:10:33 來源：腳本之家閱讀：324 作者：xuexuan_050848 欄目：web開發(fā)

本文實(shí)例講述了JS操作json對(duì)象key、value的常用方法。分享給大家供大家參考，具體如下：

一、定義JSON對(duì)象

// 首先定義一個(gè)json對(duì)象，對(duì)象以“{”（左括號(hào)）開始，“}”（右括號(hào)）結(jié)束
// 花括號(hào)內(nèi)為鍵、值對(duì) 鍵必須用引號(hào)括起來，值若不是字符串則不必
var jsonObj = {
        "創(chuàng)維電視" : 50,
        "卡薩帝北京" : 40,
        "家電" : 40,
        "松下" : 30,
        "格力" : 20,
        "海爾" : 20,
        "海爾商城" : 20,
        "海爾客服" : 20,
        "美的" : 20,
        "美菱" : 20
      }

二、根據(jù)key獲取value

// 根據(jù)key獲取value,兩種方式
var value1 = eval("jsonObj." + "家電");// value1 = 40
var value2 = jsonObj["家電"];// value2 = 40

三、遍歷json對(duì)象

// 遍歷json對(duì)象，獲取鍵、值集合
var keyAry = [];
var valueAry = [];
for(var key in jsonObj){
  keyAry.push(key);
  valueAry.push(jsonObj[key]);
}
//打印輸出
console.log(keyAry);
console.log(valueAry);

運(yùn)行結(jié)果：

JS操作json對(duì)象key、value的常用方法分析

四、添加key

jsonObj["西門子"] = 100;

五、刪除key

deledte jsonObj["海爾"];

PS：關(guān)于json操作，這里再為大家推薦幾款比較實(shí)用的json在線工具供大家參考使用：

在線JSON代碼檢驗(yàn)、檢驗(yàn)、美化、格式化工具：
http://tools.jb51.net/code/json

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

在線XML/JSON互相轉(zhuǎn)換工具：
http://tools.jb51.net/code/xmljson

json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具：
http://tools.jb51.net/code/jsoncodeformat

在線json壓縮/轉(zhuǎn)義工具：
http://tools.jb51.net/code/json_yasuo_trans

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript中json操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

向AI問一下細(xì)節(jié)

JS操作json對(duì)象key、value的常用方法分析

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽

JS操作json對(duì)象key、value的常用方法分析