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