javascript解析json实例详解

当我们从后台获取数据时，常常会得到一个以 JSON 格式组成的字符串，而在前端中我们需要将这个 JSON 字符串转换成 JavaScript 对象以便进行进一步的操作。那么如何解析 JSON，让它变成我们想要的 JavaScript 对象呢？下面以实例的形式讲解一下。

1、解析 JSON 字符串

解析 JSON 主要使用 JavaScript 中的 JSON.parse() 方法。JSON.parse() 方法接受一个 JSON 字符串作为参数，返回一个 JavaScript 对象。例如：

// 定义一个 JSON 字符串
var jsonString = '{"name": "张三", "age": 22, "gender": "男"}';

// 调用 JSON.parse() 方法，将 JSON 字符串解析为 JavaScript 对象
var jsonObject = JSON.parse(jsonString);

// 输出解析后的 JavaScript 对象
console.log(jsonObject);

输出结果如下：

{
  name: "张三",
  age: 22,
  gender: "男"
}

2、解析带有嵌套的 JSON 字符串

当 JSON 字符串中存在嵌套的情况时，我们可以通过递归的方式解析 JSON。例如，下面的 JSON 字符串中包含了一个数组：

var jsonString = '{"name": "张三", "age": 22, "gender": "男", "hobbies": ["篮球", "游泳"]}';

我们可以先将字符串解析为 JavaScript 对象，然后再对对象中的属性进行判断：

function parseJSON(jsonString) {
  var jsonData = JSON.parse(jsonString);

  for (var key in jsonData) {
    if (typeof jsonData[key] === 'string') {
      console.log(key + ': ' + jsonData[key]);
    }

    if (typeof jsonData[key] === 'object') {
      var subJson = JSON.stringify(jsonData[key]);
      parseJSON(subJson);
    }
  }
}

// 调用 parseJSON() 方法
parseJSON(jsonString);

输出结果如下：

name: 张三
gender: 男
hobbies: ["篮球", "游泳"]

我们可以看到，当属性值为字符串时，直接输出；当属性值为对象时，则继续递归解析对象，直到完成解析为止。

以上就是解析 JSON 的基本过程，希望可以对你有所帮助。