极客笔记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>
当脚本执行时，它将生成一个输出，该输出由在网页上显示并从嵌套数组中获取的值组成。