极客教程JavaScript 如何创建包含多个对象以及多个嵌套键值对的数组
在本文中，我们将学习如何创建一个包含多个对象以及键值对的数组，我们将使用嵌套技术，即在预定义的数组中定义另一个数组并设置键值对。
假设我们有几个包含各种键值对的对象数组，其中键是唯一标识的，现在我们要将这些数组添加到另一个称为基础或父数组的数组中。让我们通过一个示例来演示。
示例1： 创建包含键值对对象的数组。
Javascript
<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>JavaScript
输出：
[ { key: 1, value: 'hello' },
{ key: 2, value: 'Geek' },
{ key: 3, value: 'GeeksforGeeks' },
{ key: 4, value: 'JavaScript' },
{ key: 5, value: 'Course' } ]JavaScript
示例2： 创建对象数组并将其添加到另一个数组中。
Javascript
<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>JavaScript
输出：
[ [ { 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' } ] ]JavaScript
这里我们创建了两个包含各种对象的数组，然后将这些对象的子数组添加到一个基础数组或父数组中。
示例3： 打印包含对象的嵌套数组的值。
Javascript
<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 ];
for( let x = 0 ; x < array.length ; x++ )
{
for( let y = 0 ; y < array[0].length ; y++)
{
console.log( array[x][y].value );
}
}
</script>JavaScript
输出：
hello
Geek
GeeksforGeeks
JavaScript
Course
Courses
C++
JAVA
C
Many more JavaScript