如何获取和返回嵌套的数组值- 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>