100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > JS遍历JSON 获取所有key/value

JS遍历JSON 获取所有key/value

时间:2024-04-07 20:23:32

相关推荐

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

一键三连嘛?

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。