JS 배열 학습: 배열 첨자를 기반으로 요소 추가

이전 글에서 "JS 배열 학습: 헤드 또는 테일에 요소를 삽입하는 방법은 무엇입니까?》에서는 배열의 시작이나 끝 부분에 요소를 추가하는 세 가지 방법을 소개했습니다. 이번에는 계속해서 배열 요소를 추가하는 방법에 대해 알아보고 배열 첨자에 따라 요소를 추가하는 방법을 소개하겠습니다. 관심 있는 친구들은 배워보세요~

배열의 각 요소에는 일련번호가 있는데, 이 일련번호는 0 을 인덱스라고 합니다. 배열의 첨자는 매우 중요합니다. 첨자를 사용하여 배열 요소에 액세스할 수 있습니다.배열 이름[subscript index]형식으로 첨자를 지정하기만 하면 됩니다. 예:数组名[下标索引]。例：

a[0] //表示第0个元素 a[3] //表示第3个元素

利用下标我们也可以插入元素，下面就来具体介绍一下。

我们可以使用数组名[下标值] = 元素值的形式在数组指定下标位置添加新元素

var a = [1,2,3]; //定义数组 a[3] = 4; //为数组添加一个元素 console.log(a); //返回[1,2,3,4]

看看输出结果：

不过使用这种方法时，需要 指定的下标值 >= 原数组的长度，这样就会在原数组的尾部添加新元素

var a = [1,2,3]; //定义数组 a[4] = 4; //为数组添加一个元素 console.log(a);

看看输出结果：

如果小于原数组的长度，那就不是添加新元素了，会变成替换元素

var a = [1,2,3]; //定义数组 a[1] = 4; //为数组添加一个元素 console.log(a);

看看输出结果：

使用数组名[下标值] = 元素值的形式只能在数组指定下标位置添加一个新元素；那么想要在指定下标位置插入一个或多个元素要怎么做呢？

我们可以使用 splice() 方法。splice()是一个强大的方法，不仅可以删除数组元素，还可以添加数组元素，也可以替换数组元素。

下面我们就来聊聊 splice() 方法添加数组元素的功能。

array.splice(index,howmany,item1,.....,itemX)的第1个参数index为指定起始下标位置；第2个参数howmany指定应该删除的元素数目，当值设置为0时，就会不执行删除操作；这样就可以通过第3个及后面参数item1,.....,itemX来插入一个或多个元素。

我们通过下面的例子来具体看看：

var a = [1,2,3,4,5]; a.splice(1,0,"hello"); console.log(a);

可以看出：使用a.splice(1,0,"hello")在下标1的位置（即数组第1个元素位置后）插入一个元素"hello"，因此输出结果为：

var a = [1,2,3,4,5]; a.splice(2,0,"hello","hi",8); console.log(a);

可以看出：使用a.splice(2,0,"hello","hi",8)在下标2的位置（即数组第2个元素位置后）插入多个元素"hello"、"hi"、8，因此输出结果为：

使用splice() 方法我们也可以实现在数组开头或者结尾添加元素：

var a = [1,2,3,4,5]; a.splice(0,0,"hello"); a.splice(a.length,0,"hi"); console.log(a);

如果想要在数组开头添加元素，就设置该方法第1个参数index的值为0即可；如果想要在数组末尾添加元素，就设置该方法第1个参数index的值为数组长度即可，数组长度可以使用a.length

var a = [1,2,3,4,5]; a.splice(5,0,[6,7,8,9]); console.log(a);

배열 이름[아래 첨자 값] = 요소 값형식을 사용하여 배열의 지정된 아래 첨자 위치에 새 요소를 추가할 수 있습니다.

출력을 살펴보세요:

단, 이 방법을 사용하는 경우 , 아래 첨자 값>= 원래 배열의 길이를 지정해야 새 요소가 원래 배열의 끝에 추가됩니다

출력을 살펴보세요.

rrreee출력을 보세요: