极客教程如何在JavaScript中创建一个具有多个嵌套键值对的多个对象的数组
在本文中，我们将学习如何创建一个具有键值对的多个对象的数组，我们将使用嵌套，也就是在预定义数组中定义另一个数组，并带有键值对。
假设我们有多个包含各种键值对的对象数组，其中键是唯一标识的，现在我们需要将这些数组添加到另一个称之为基本或父数组的数组中。让我们通过一个例子来实现。
示例1： 创建包含键值对对象的数组。
<script>
const array1 = [{ key: 1, value: "hello" },
{ key: 2, value: "Geek" },
{ key: 3, value: "GeeksforGeeks" },
{ key: 4, value: "JavaScript" },
{ key: 5, value: "Course" }];
console.log(array1);
</script>
HTML
输出：
[{ key: 1, value: 'hello' },
{ key: 2, value: 'Geek' },
{ key: 3, value: 'GeeksforGeeks' },
{ key: 4, value: 'JavaScript' },
{ key: 5, value: 'Course' }]HTML
示例2： 创建包含对象的数组并将它们添加到另一个数组中。
<script>
const array1 = [{ key: 1, value: "hello" },
{ key: 2, value: "Geek" },
{ key: 3, value: "GeeksforGeeks" },
{ key: 4, value: "JavaScript" },
{ key: 5, value: "Course" }];
const array2 = [{ key: 11, value: "Courses" },
{ key: 12, value: "C++" },
{ key: 13, value: "JAVA" },
{ key: 14, value: "C" },
{ key: 15, value: "Many more" }];
const array = [array1, array2];
console.log(array);
</script>
HTML
输出：
[[{ key: 1, value: 'hello' },
{ key: 2, value: 'Geek' },
{ key: 3, value: 'GeeksforGeeks' },
{ key: 4, value: 'JavaScript' },
{ key: 5, value: 'Course' }],
[{ key: 11, value: 'Courses' },
{ key: 12, value: 'C++' },
{ key: 13, value: 'JAVA' },
{ key: 14, value: 'C' },
{ key: 15, value: 'Many more' }]]HTML
在这里，我们创建了两个包含各种对象的数组，并将这些子数组的对象添加到一个基本数组或父数组中。
示例3： 打印包含对象的嵌套数组的值。
<script>
const array1 = [{ key: 1, value: "hello" },
{ key: 2, value: "Geek" },
{ key: 3, value: "GeeksforGeeks" },
{ key: 4, value: "JavaScript" },
{ key: 5, value: "Course" }];
const array2 = [{ key: 11, value: "Courses" },
{ key: 12, value: "C++" },
{ key: 13, value: "JAVA"HTML
<script>
const array2 = [{ key: 11, value: "Courses" },
{ key: 12, value: "C++" },
{ key: 13, value: "JAVA" },
{ key: 14, value: "C" },
{ key: 15, value: "Many more" }];
const array = [array1, array2];
for (let x = 0; x < array.length; x++) {
for (let y = 0; y < array[0].length; y++) {
console.log(array[x][y].value);
}
}
</script>
HTML
输出：
hello
Geek
GeeksforGeeks
JavaScript
Course
Courses
C++
JAVA
C
Many moreHTML
阅读更多：JavaScript 教程