数据结构
网络
关系型数据库管理系统
操作系统
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+ 浏览量
广告