如何获取和返回嵌套的数组值- 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>
当执行该脚本时,它将生成一个输出,其中包含从嵌套数组中获取的在网页中显示的值。