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

Bertha 。 2022-12-29 12:48 145阅读 0赞

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 内数组使用方法一致

## 遍历数组 ##

当然也可以如下方式遍历

**一键三连嘛？**

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

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 gson遍历所有json数据所有的key和value

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

相关 JS遍历与JQuery遍历

相关 js数组遍历、对象遍历、字符串遍历

相关 js中获取并遍历php数组

相关 js对象字面量 json for in遍历

相关 JS遍历后台传过来的JSON数据

相关 JS 循环遍历JSON数据

相关 js 字符串转json对象并遍历

相关 json 遍历