자바스크립트에서 배열에 요소를 추가하는 방법

요소 추가 방법: 1. unshift() 함수를 사용하여 배열의 시작 부분에 요소를 삽입합니다. 2. push() 함수를 사용하여 배열의 끝에 요소를 삽입합니다. 3. concat()을 사용합니다. 4. splice() 함수를 사용하여 배열 첨자를 기준으로 임의의 위치에 요소를 추가합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

javascript는 배열에 요소를 추가합니다

방법 1: unshift() 함수 사용

unshift() 함수를 사용하여 배열 시작 부분에 요소를 삽입할 수 있습니다. 매개변수 값 to 배열의 선두:

array.unshift(元素1, 元素2, ..., 元素X)

첫 번째 매개변수 Element 1는 배열의 새 요소 0이고, 두 번째 매개변수 Element 2는 새로운 요소는 1이므로, 비유하자면 요소를 추가한 후 배열의 길이가 최종적으로 반환됩니다. 元素1 为数组新的元素 0，第 2 个参数 元素2 为新的元素 1，以此类推，最后返回添加元素后的数组长度。

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

var a = [0];  //定义数组
console.log(a);  //返回[0]

a.unshift(1,2);  //一次性增加两个元素
console.log(a);  //返回[1,2,0]

var a = [0];
a.unshift(1);  //增加元素1
a.unshift(2);  //增加元素2
console.log(a);  //返回[2,1,0]

可以看出：我们使用a.unshift(1,2)来在a数组的开头按顺序插入两个数值1、2；使用a.unshift(1)在a数组的开头插入数值1，又在此基础上使用a.unshift(2)在开头（即数值1前）插入数值2。因此输出结果为：

方法2：使用push()函数

push()方法能够把一个或多个参数值附加到数组的尾部，并返回添加元素后的数组长度。

array.push(元素1, 元素2, ..., 元素X)

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

var a = [0];  //定义数组
console.log(a);  //返回[0]

a.push(1,2);  //一次性增加两个元素
console.log(a);  //返回[0,1,2]

var a = [0];
a.push(1);  //增加元素1
a.push(2);  //增加元素2
console.log(a);  //返回0,1,2]

可以看出：我们使用a.push(1,2)在a数组的尾部按顺序插入两个数值1、2；使用a.push(1)在a数组的尾部插入数值1，又在此基础上使用a.push(2)在尾部（即数值1后）插入一个数值2。因此输出结果为：

方法3、使用concat() 函数

在数组末尾插入元素除了可以使用push()函数，还可利用concat()函数。

concat() 方法也可以插入给定的一个或多个元素，能够把传递的所有参数按顺序添加到数组的尾部。

var a = [1,2,3,4,5];  //定义数组
var b = a.concat(6,7,8);  //为数组a连接3个元素
console.log(b);  //返回[1,2,3,4,5,6,7,8]

输出结果为：

说明：concat() 方法将创建并返回一个新数组，而不是在原来的基础上添加新元素。

方法4：使用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
다음 예를 자세히 살펴보겠습니다.

rrreee

다음을 볼 수 있습니다. a.unshift(1,2)를 사용하여 두 값 ​​​​1과 1을 2; a.unshift(1)를 사용하여 a 배열의 시작 부분에 값 1을 삽입한 다음 a.unshift(2)를 사용하여 처음에는 값 2(즉, 값 1 이전)입니다. 따라서 출력 결과는 다음과 같습니다.

방법 2: push() 함수 사용

push() 메서드는 배열 끝에 하나 이상의 매개변수 값을 추가하고 요소를 추가한 후 배열 길이를 반환할 수 있습니다.

rrreee🎜다음 예를 자세히 살펴보겠습니다. 🎜rrreee🎜우리는 a.push(1,2)를 사용하여 두 값 1과 1을 순서대로 삽입하는 것을 볼 수 있습니다. 2; a.push(1)를 사용하여 a 배열 끝에 값 1을 삽입한 다음 a.push(2) 끝에 값 1을 삽입하려면(즉, 이후 값 1) 값 2를 삽입합니다. 따라서 출력 결과는 다음과 같습니다. 🎜🎜<img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/image/130/681/196/1629179419390450.png" class="lazy" title="162917899446806자바스크립트에서 배열에 요소를 추가하는 방법" alt="자바스크립트에서 배열에 요소를 추가하는 방법 ">🎜🎜🎜방법 3. concat() 함수 사용🎜🎜🎜 push() 함수 외에도 concat() 함수를 사용하여 배열 끝에 요소를 삽입할 수도 있습니다. 🎜🎜concat() 메서드는 주어진 요소를 삽입할 수도 있고, 전달된 모든 매개변수를 배열 끝에 순서대로 추가할 수도 있습니다. 🎜🎜rrreee🎜출력 결과는 다음과 같습니다. 🎜🎜<img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/image/130/681/196/1629179419390450.png" class="lazy" title="1629179419390450.png" alt=" 4 .png">🎜🎜참고: concat() 메서드는 원래 배열에 새 요소를 추가하는 대신 새 배열을 만들고 반환합니다. 🎜🎜🎜방법 4: splice() 함수 사용 🎜🎜🎜지정된 첨자 위치에 하나 이상의 요소를 삽입하는 방법은 무엇입니까? 🎜🎜답은: 🎜splice() 메소드를 사용할 수 있습니다. 🎜🎜🎜<code>array.splice(index,howmany,item1,...,itemX)의 첫 번째 매개변수 index는 시작 첨자 위치를 지정합니다. 두 매개변수 얼마나 삭제해야 하는 요소의 수를 지정합니다. 값이 0으로 설정되면 이 방식으로 삭제 작업이 수행되지 않습니다. 세 번째 및 후속 매개변수 item1,... .. ,itemX 하나 이상의 요소를 삽입합니다. 🎜🎜다음 예를 자세히 살펴보겠습니다. 🎜rrreee🎜아래 첨자 1의 위치에 a.splice(1,0,"hello")를 사용하는 것을 볼 수 있습니다(예: 배열 요소 위치의 첫 번째 요소) "hello" 요소를 삽입하면 출력 결과는 다음과 같습니다. 🎜🎜🎜🎜rrreee🎜볼 수 있습니다: a.splice(2,0,"hello", "hi",8) 아래 첨자 2 위치에 "hello", "hi", 8이므로 출력 결과는 다음과 같습니다. 🎜🎜<img.php.cn title="1629184123988638.png" alt=" 자바스크립트에서 배열에 요소를 추가하는 방법"></img.php.cn>🎜🎜splice() 메서드를 사용하면 배열의 시작이나 끝 부분에 요소를 추가할 수도 있습니다. 🎜rrreee🎜 요소를 추가하려는 경우 배열의 시작 부분에 메서드의 첫 번째 매개 변수 인덱스 값을 0으로 설정합니다. 즉, 배열 끝에 요소를 추가하려면 이 메서드의 첫 번째 매개 변수 인덱스 값을 배열 길이. 배열 길이는 a.length Get을 사용하여 확인할 수 있습니다. 🎜🎜🎜출력을 살펴보겠습니다. 🎜🎜🎜🎜🎜🎜[권장 학습: 🎜javascript 고급 튜토리얼🎜]🎜

위 내용은 자바스크립트에서 배열에 요소를 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!