JS遍历JSON,获取所有key/value
I;m Shendi
目录
JSONObject
已知键名获取
获取所有key,value
遍历
通过 keys 来遍历
通过 for in遍历
JSONArray
遍历数组
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
一键三连嘛?
还没有评论,来说两句吧...