資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究訪問和返回巢狀陣列值 - JavaScript？
陣列中的每個值都稱為元素，每個元素在陣列中都有一個特定的數字位置，稱為索引。
巢狀陣列是 JavaScript 的一項功能，它允許我們在陣列內建立陣列。一個或多個數組可以用作巢狀陣列的元素。雖然這個術語可能有點不清楚，但隨著我們進一步瞭解，它實際上相當有趣。
訪問和返回巢狀陣列
在 JavaScript 中，巢狀陣列被描述為一個數組（外部陣列）在另一個數組（內部陣列）內。一個數組可以有多個內部陣列。這些巢狀陣列（內部陣列）可以透過外部陣列的物件名稱訪問，因為它們屬於外部陣列的範圍。
語法
以下是巢狀陣列的語法：
var arr=[[values,[nest value…],…]]
要了解更多關於在 JavaScript 中訪問和返回巢狀陣列值的資訊，讓我們看看以下示例。
示例
在以下示例中，我們正在執行指令碼，訪問巢狀陣列，並從中獲取值。
<!DOCTYPE html>
<html>
<body>
<script>
let obj = {
arr1: [
{ car: 'BMW', year: 2018 },
{ car: 'BENZ', model: "Top-End" },
{ car: 'AUDI', engine: "4.0 TFSI" }
],
arr2: [
{
car: 'RX100',
columns: ['AUDI'],
}
]
}
let result = obj.arr1.filter(({car}) => obj.arr2[0].columns.includes(car))
document.write(JSON.stringify(result))
</script>
</body>
</html>
當指令碼執行時，它將生成一個輸出，其中包含從巢狀陣列中獲得的陣列值，並在網頁上顯示。
示例
考慮以下示例，我們正在執行指令碼以訪問巢狀陣列並從中返回值。
<!DOCTYPE html>
<html>
<body style="background-color:#EAFAF1">
<p id="tutorial"></p>
<script>
const array = [
{
"company" : "TutorialsPoint",
"courses": [
{
"Name" : 'HTML',
"Price" : 4500
},
{
"Name" : 'JAVA',
"Price": 5000
}
]
},
{
"Name" :"PYTHON",
"Price": 3500
}
];
let value;
outer: for (const element of array) {
for (const course of element.courses || []) {
if (course.Price === 4500) {
value = course.Name;
break outer;
}
}
}
document.getElementById("tutorial").innerHTML=value;
</script>
</body>
</html>
執行上述指令碼後，輸出視窗將彈出，顯示從巢狀陣列中獲得的值，並在網頁上顯示。
示例
執行下面列出的指令碼，檢視值是如何從巢狀陣列中訪問和返回的。
<!DOCTYPE html>
<html>
<body style="background-color:#E8DAEF ">
<p id="tutorial"></p>
<script>
var numbers = [100, 1345, 80, 75, 1000,[35, 55, 67,43,51,78]];
var insideInnerValue = numbers[5];
var value = insideInnerValue[5];
document.getElementById("tutorial").innerHTML=value;
</script>
</body>
</html>
當指令碼執行時，它將生成一個輸出，其中包含從巢狀陣列中獲得並在網頁上顯示的值。
更新於： 2023-04-21
2K+ 瀏覽量
廣告