解析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 數組。

    
    
        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);
        });