實(shí)例詳解JSON取值(key是中文或者數(shù)字)方式
更新時間：2017年08月24日 11:06:08 作者：chentging
本文通過實(shí)例詳解JSON取值(key是中文或者數(shù)字)方式，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧
JSON取值(key是中文或者數(shù)字)方式詳解
先準(zhǔn)備一個json對象用于演示
var json = {'name':'zhangsan', '年齡':23, 404:'你可能迷路了'};
1.使用JS中with關(guān)鍵字
with(json) {
console.log(name);//輸出:zhangsan
console.log(年齡);//輸出:23
console.log(404);//輸出:404,用這種方法讀取key是數(shù)字的屬性,有問題
}
2.最常見的傳統(tǒng)的讀取key
console.log(json.name);//輸出:zhangsan //key是中文也是支持的 console.log(json.年齡);//輸出:23 //key是Number類型或者String類型的數(shù)字都不能這么讀取 console.log(json.404);//報(bào)錯
3.通用萬能型:json['key']
console.log(json['name']);/輸出:zhangsan console.log(json['年齡']);//輸出:23 console.log(json['404']);//輸出:你可能迷路了 json[key] console.log(json[name]);/輸出:undefinded console.log(json[年齡]);//報(bào)錯 console.log(json[404]);//輸出:你可能迷路了
json處理動態(tài)key方式
先準(zhǔn)備案例對象
var jsonArr = [
{"id": "1", "name": "A1"},
{"id": "2", "name": "A2"},
{"id": "3", "name": "A3"},
{"id": "4", "name": "A4"},
{"id": "5", "name": "A5"}
]
1.如果數(shù)據(jù)量不大,偶爾查詢一次,使用for...in遍歷
2.如果數(shù)據(jù)量大,經(jīng)常使用,建立查找表提升性能
//創(chuàng)建一個查找表函數(shù)
function createLookMap(field) {
var map = {};//創(chuàng)建一個空的json對象
for (var i = 0; i < jsonArr.length; i++) {
var value = jsonArr[i];//將數(shù)組中的元素作為json對象的值
var key = value[field];//選取一個屬性作為新的json對象的key
map[key] = value;
}
return map;
}
總結(jié)
以上所述是小編給大家介紹的實(shí)例詳解JSON取值(key是中文或者數(shù)字)方式，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了ES6中如何使用Set和WeakSet的相關(guān)資料，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了一次讓你了解全部JavaScript的作用域,作用域決定了變量的生命周期和可見性，變量在作用域范圍之外是不可見的。,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了jquery 時間戳轉(zhuǎn)日期過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了js 獲取掃碼槍輸入數(shù)據(jù)的方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-06
淺談layui分頁控件field參數(shù)接收對象的問題
今天小編就為大家分享一篇淺談layui分頁控件field參數(shù)接收對象的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要給大家介紹了關(guān)于js中復(fù)選框的取值及賦值的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
這篇文章主要介紹了小程序server請求微信服務(wù)器超時的解決方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
這篇文章主要為大家介紹了關(guān)于HTTP?302?Redirect的舉例分析,讓大家理解HTTP?302?Redirect工作原理,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步2023-12-12
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)美化滑塊效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
JavaScript數(shù)據(jù)結(jié)構(gòu)之鏈表的實(shí)現(xiàn)
鏈表是一種常見的數(shù)據(jù)結(jié)構(gòu)。它是動態(tài)地進(jìn)行存儲分配的一種結(jié)構(gòu)。本文主要介紹JavaScript數(shù)據(jù)結(jié)構(gòu)中鏈表的實(shí)現(xiàn)，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03