JavaScript是一種腳本語言，被廣泛應用于Web開發中。作為前端開發必備的語言之一，JavaScript在JSON數據的處理上也有其獨特的處理方式，本文將介紹JavaScript中的本地JSON應用。

在JavaScript中，可通過JSON存儲數據，通過JSON的諸多優點，我們可以減少數據傳輸帶來的延遲時間和開銷，并且大幅減少語言和平臺的限制性。JSON（JavaScript Object Notation）是一種輕量的數據交換格式，易于閱讀和編寫。

//一個JSON對象的定義，擁有一個數組和兩個字符串
{
"fruits": [
"banana",
"apple",
"pear"
],
"location": "China",
"category": "fruit"
}

當我們想要在前端通過一個URL地址獲取到一些由JSON格式的數據時，我們可以使用ajax異步請求工具，通過如下代碼來獲取到數據。PS: $.ajax方法需要使用jQuery庫。

$.ajax({
url: "example.json",
dataType: "json",
success: function(data) {
console.log(data);
}
});

當我們需要對JSON中的數據進行迭代，如用一個ul來展示這個JSON中的數組內容時，我們可以使用for…in或者for循環來達成目的。

//使用for循環，把fruits數組中的值添加到ul中
$.getJSON("example.json", function(data) {
var ul = $("#list");
for (var i = 0; i< data.fruits.length; i++) {
var li = $("
").append(data.fruits[i]);
$(ul).append(li);
}
});
//使用for…in語句，把JSON中的所有元素都添加到ul中
$("#list").empty();
for (var keyi in data) {    
for (var keyj in data[keyi]) {
var li = $("
");
li.text(data[keyi][keyj]);
li.appendTo("ul#list");
}
}

除了使用$.getJSON()函數來訪問JSON數據，我們還可以使用$.ajax()和$.get()等ajax工具進行訪問。$.ajax()函數是一個維度較高的方法，可以通過其options參數來實現對訪問的控制。

//使用$.ajax方式，對從example.json中獲取到的數據進行展示
$.ajax({
type: "GET",
url: "example.json",
dataType: "json",
success: function(response) {
console.log(response);
var output = "
";
for (var i in response.fruits) {
output += "
" + response.fruits[i] + "
";
}
output += "
";
$("#list").html(output);
}
});

總而言之，JavaScript中的本地JSON是一個十分強大的工具，通過它我們不僅可以更加方便快捷地處理數據，還可以使得代碼更加簡潔易于維護。