解析JSON数组的JavaScript函数实现方法

一、什么是JSON数组

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于人们阅读和编写，同时也易于机器解析和生成。JSON数组是一种由数组类型数据和对象类型数据组成的集合，是一种用来保存和传输结构化数据的格式。 在JavaScript中，JSON数组由一对方括号 [ ] 包裹，其中的元素由逗号分隔，可以是字符串、数字、对象、数组等不同的数据类型。例如：

var json_arr = [
   {"name":"Lucy", "age":18},
   {"name":"Mike", "age":20},
   {"name":"Tom", "age":22},
   "John",
   123
];

二、解析JSON数组的方法

1. 使用原生JavaScript的方式

通过原生的JavaScript语言来解析JSON数组，需要使用 JSON 对象的 parse() 方法进行解析。 首先，将 JSON 字符串转换成 JavaScript 对象：

var json_str = '[{"name":"Lucy", "age":18},{"name":"Mike", "age":20}]';
var json_obj = JSON.parse(json_str);

然后，遍历 JavaScript 对象，获取其中的值：

for(var i=0; i<json_obj.length; i++){
    var name = json_obj[i].name;
    var age = json_obj[i].age;
    console.log("name: " + name + "    age: " + age);
}

这种方式比较简单易懂，但在处理大量数据时会存在性能问题。

2. 使用jQuery的方式

jQuery 的 parseJSON() 方法可以将 JSON 字符串转换成 JavaScript 对象。

var json_str = '[{"name":"Lucy", "age":18},{"name":"Mike", "age":20}]';
var json_obj = $.parseJSON(json_str);

然后，遍历 JavaScript 对象，获取其中的值：

$.each(json_obj, function(i, item){
    var name = item.name;
    var age = item.age;
    console.log("name: " + name + "    age: " + age);
});

使用 jQuery 的方式相较于原生方法，代码更加简洁易懂，同时也具有更好的性能表现。

三、解析JSON数组的例子

本例子中，使用 jQuery 的 parseJSON() 方法实现解析 JSON 数组。

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
    var json_str = '[{"name":"Lucy", "age":18},{"name":"Mike", "age":20}]';
    var json_obj = $.parseJSON(json_str);
    $.each(json_obj, function(i, item){
        var name = item.name;
        var age = item.age;
        console.log("name: " + name + "    age: " + age);
    });
</script>