JSON如何取值

這篇文章給大家分享的是有關JSON如何取值的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

JSON取值(key是中文或者數(shù)字)方式詳解

先準備一個json對象用于演示

var json = {'name':'zhangsan', '年齡':23, 404:'你可能迷路了'};

1.使用JS中with關鍵字

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);//報錯

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[年齡]);//報錯
console.log(json[404]);//輸出:你可能迷路了

json處理動態(tài)key方式

先準備案例對象

var jsonArr = [
  {"id": "1", "name": "A1"},
  {"id": "2", "name": "A2"},
  {"id": "3", "name": "A3"},
  {"id": "4", "name": "A4"},
  {"id": "5", "name": "A5"}
]

1.如果數(shù)據量不大,偶爾查詢一次,使用for...in遍歷

2.如果數(shù)據量大,經常使用,建立查找表提升性能

//創(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;
}

感謝各位的閱讀！關于“JSON如何取值”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！