JS/jQuery解析JSON和数组格式的方法详解

什么是JSON

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，它是基于JavaScript的一个子集，可以被任何语言读取和使用。JSON格式有以下特点：

• 简洁易读：JSON格式中的数据是纯文本的键值对，可读性较高
• 结构清晰：数据以键值对（key-value）的形式呈现，易于解析和生成
• 文件轻量：JSON文件大小较小，传输速度快

解析JSON

1. 步骤

• 获取JSON字符串
• 将JSON字符串解析成对象或数组
• 使用获取到的数据

2. 代码示例

以下是一段JSON数据：

{
  "name": "张三",
  "age": 18,
  "hobby": ["篮球", "足球", "游戏"],
  "address": {
    "city": "北京",
    "district": "朝阳区"
  }
}

使用jQuery解析JSON：

var jsonString = '{"name": "张三", "age": 18, "hobby": ["篮球", "足球", "游戏"], "address": {"city": "北京", "district": "朝阳区"}}';

var jsonData = $.parseJSON(jsonString);

console.log(jsonData.name);  // 输出: 张三
console.log(jsonData.address.city);  // 输出: 北京

使用原生JavaScript解析JSON：

var jsonString = '{"name": "张三", "age": 18, "hobby": ["篮球", "足球", "游戏"], "address": {"city": "北京", "district": "朝阳区"}}';

var jsonData = JSON.parse(jsonString);

console.log(jsonData.name);  // 输出: 张三
console.log(jsonData.address.city);  // 输出: 北京

解析数组

1. 步骤

• 获取数组字符串
• 将数组字符串转换成数组对象
• 获取数组中的数据

2. 代码示例

以下是一段数组数据：

var persons = [
    {name: '张三', age: 18},
    {name: '李四', age: 20},
    {name: '王五', age: 22},
]

使用jQuery解析数组：

var persons = '[{"name": "张三", "age": 18}, {"name": "李四", "age": 20}, {"name": "王五", "age": 22}]';

var jsonArray = $.parseJSON(persons);

$.each(jsonArray, function(index, item){
    console.log(item.name + '年龄为' + item.age);
})
// 输出：张三年龄为18，李四年龄为20，王五年龄为22

使用原生JavaScript解析数组：

var persons = '[{"name": "张三", "age": 18}, {"name": "李四", "age": 20}, {"name": "王五", "age": 22}]';

var jsonArray = JSON.parse(persons);

for(var i=0; i < jsonArray.length; i++) {
    console.log(jsonArray[i].name + '年龄为' + jsonArray[i].age);
}
// 输出：张三年龄为18，李四年龄为20，王五年龄为22

总结

以上是JS/jQuery解析JSON和数组格式的方法详解，了解这些方法，将可以更加灵活地处理JSON和数组数据。