JSONObject

格式为 {"key": value, "key": value}

字符串可通过 eval 函数处理

var jsonObject = eval('(' + json + ')');

JS的对象与 JSON格式对应

已知键名获取

这是最常用的，一般都知道json数据里有啥，只需要取出来

直接使用 jsonObject.键来获取

例如 {"a": 1, "b": 2}

var a = jsonObject.a;
var b = jsonObject.b;

获取所有key,value

通过 Object.keys(jsonObject) 将所有的键转化为数组

var keys = Object.keys(jsonObject);
// keys == ["a", "b"];

通过 Object.values(jsonObject) 将所有值转化为数组

var values = Object.values(jsonObject);
// values == [1, 2];

通过 Object.entries(jsonObject) 将所有键值转化为二维数组

var entrys = Object.entries(jsonObject);
// entrys == [["a", 1], ["b", 2]];

还有就是将 json 转map在做操作了

遍历

根据上面说的，遍历有两种方法

一种是通过 keys 来遍历，一种是for in

通过 keys 来遍历

var keys = Object.keys(jsonObject);
for (var i = 0; i < keys.length; i++) {console.log(keys[i] + "=" + jsonObject[keys[i]);
}
// a=1
// b=2

通过 for in遍历

for (i in jsonObject) {console.log(i + "=" + jsonObject[i]);
}
// a=1
// b=2

JSONArray

格式为 [{key: value}, {key: value}]

如果是字符串，直接通过 eval 来转换

与 js 内数组使用方法一致

遍历数组

var jsonArray = eval("[{\"a\": 1},{\"b\":2}]");
for (i in jsonArray) {var obj = jsonArray[i];for (key in obj) {console.log(key + "=" + obj[key]);}
}
// a=1
// b=2

当然也可以如下方式遍历

var jsonArray = eval("[{\"a\": 1},{\"b\":2}]");
for (var i = 0; i < jsonArray.length; i++) {var obj = jsonArray[i];for (key in obj) {console.log(key + "=" + obj[key]);}
}
// a=1
// b=2

一键三连嘛？

JS遍历JSON,获取所有key/value相关推荐

php json 遍历 keys,详解javascript遍历json对象的key和任意js对象属性的示例代码（图）...
下面小编就为大家带来一篇javascript遍历json对象的key和任意js对象属性实例.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧使用 keys 方法获取该对象 ...
js遍历json的key和value
原生js遍历json对象遍历json对象: 无规律: <script> var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw' ...
android json 遍历keys,js遍历json的key和value的实例
原生js遍历json对象遍历json对象: 无规律: var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}]; for(var i=0 ...
html遍历json数组,JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
本文实例讲述了JS遍历JSON数组及获取JSON数组长度操作.分享给大家供大家参考,具体如下: 遍历 JSON 数组: var questions = data.data.questionnaire. ...
《js遍历json、js创建table、隐藏id列、点击获取id值》
前述:终于抽出时间,整理了一些编程所需基础知识. js遍历json数据再添加到table中.选择所需行后点击提交拿到id传给后台,(也可以放入集合一起给). 先看效果: 选择点击后: code: &l ...
js遍历json对象
原生js遍历json对象遍历json对象: 无规律: <script> var json = [ {dd:'SB',AA:'东东',re1:123}, {cccc:'dd',lk:'1q ...
JS遍历Json字符串
JS遍历Json字符串 1.将Json字符串转换成JSON对象 var t='{"firstName": "cyra", "lastName" ...
【JavaScript】js遍历json
下面介绍js遍历json数据的几种方法方法一:jQuery 例一: json数据如下,需要获得每对key和value {"a":4.3,"classify": ...
js遍历（获取）ul中的li
js遍历(获取)ul中的li <!DOCTYPE html> <html lang="en"> <head><meta charset=& ...

JS遍历JSON,获取所有key/value