資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究如何迭代 JSON 陣列 - JavaScript？
在 JavaScript 中，陣列用於在一個變數中儲存多個值。將其與只能容納一個值的變數進行比較。陣列中的每個專案都與一個關聯的數字相關聯，您可以透過使用該數字來訪問它，稱為數字索引。
我們將在本文中執行的任務是“如何在 JavaScript 中迭代 JSON 陣列”。讓我們開始本文，以便更好地理解如何迭代 JSON 陣列。
迭代 JSON 陣列
JSON 陣列表示值的排序列表。多個值可以儲存在JSON陣列中。在JSON陣列中，您可以儲存字串、數字、布林值或物件。
JSON 陣列中的值必須用逗號分隔。它由 [(方括號)] 表示。
語法
以下是 JSON 陣列的語法 -
{
"car":"RX100",
"model": "2010",
}
讓我們來看下面的例子，以瞭解更多關於迭代 JSON 陣列的資訊。
示例
在下面的示例中，我們正在執行用於迭代 JSON 陣列的指令碼。
<!DOCTYPE html>
<html>
<body style="background-color:#ABEBC6">
<script>
var array = [ {"vehicle":"Vespa", "engine": "B6"}];
for (var i = 0; i < array.length; i++){
document.write("<br><br>index value: " + i);
var obj = array[i];
for (var key in obj){
var value = obj[key];
document.write("<br> - " + key + ": " + value);
}
}
</script>
</body>
</html>
當指令碼執行時，它將生成一個輸出，其中包含從 JSON 陣列中列印的值，顯示在網頁上。
示例
考慮下面的示例，我們正在執行指令碼迭代 JSON 陣列並從中獲取特定值。
<!DOCTYPE html>
<html>
<body style="background-color:#FAE5D3">
<script>
var array= [{
"vehicle": "car",
"model": 2010,
},{
"vehicle": "bike",
"model": 2007,
}
];
for (var key in array ) {
if (array.hasOwnProperty(key)) {
document.write(array[key].vehicle+"<br>");
}
}
</script>
</body>
</html>
執行上述指令碼後，將彈出輸出視窗，顯示從網頁上顯示的 JSON 陣列中獲得的值。
示例
讓我們執行以下指令碼並觀察我們如何迭代 JSON 陣列。
<!DOCTYPE html>
<html>
<body style="background-color:#CCCCFF">
<script>
var array = [{vehicle:'Benz'}, {vehicle:'Audi'}];
for (var result of array){
document.write(result.vehicle + "<br />");
}
</script>
</body>
</html>
當指令碼執行時，它將生成一個輸出，其中包含顯示在網頁上的值，這些值是透過迭代陣列並獲取特定值獲得的。
更新於: 2023-04-21
7K+ 瀏覽量
廣告