요소 추가 방법: 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
다음 예를 자세히 살펴보겠습니다.
다음을 볼 수 있습니다. a.unshift(1,2)
를 사용하여 두 값 1과 1을 2; a.unshift(1)를 사용하여 a 배열의 시작 부분에 값 1을 삽입한 다음 a.unshift(2)
를 사용하여 처음에는 값 2(즉, 값 1 이전)입니다. 따라서 출력 결과는 다음과 같습니다.
push() 메서드는 배열 끝에 하나 이상의 매개변수 값을 추가하고 요소를 추가한 후 배열 길이를 반환할 수 있습니다.
rrreee🎜다음 예를 자세히 살펴보겠습니다. 🎜rrreee🎜우리는a.push(1,2)
를 사용하여 두 값 1과 1을 순서대로 삽입하는 것을 볼 수 있습니다. 2; a.push(1)
를 사용하여 a 배열 끝에 값 1을 삽입한 다음 a.push(2) 끝에 값 1을 삽입하려면(즉, 이후 값 1) 값 2를 삽입합니다. 따라서 출력 결과는 다음과 같습니다. 🎜🎜<img src="https://img.php.cn/upload/image/418/741/822/162917899446806%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%97%90%EC%84%9C%20%EB%B0%B0%EC%97%B4%EC%97%90%20%EC%9A%94%EC%86%8C%EB%A5%BC%20%EC%B6%94%EA%B0%80%ED%95%98%EB%8A%94%20%EB%B0%A9%EB%B2%95" title="162917899446806자바스크립트에서 배열에 요소를 추가하는 방법" alt="자바스크립트에서 배열에 요소를 추가하는 방법 ">🎜🎜🎜방법 3. concat() 함수 사용🎜🎜🎜 push() 함수 외에도 concat() 함수를 사용하여 배열 끝에 요소를 삽입할 수도 있습니다. 🎜🎜concat() 메서드는 주어진 요소를 삽입할 수도 있고, 전달된 모든 매개변수를 배열 끝에 순서대로 추가할 수도 있습니다. 🎜🎜rrreee🎜출력 결과는 다음과 같습니다. 🎜🎜<img src="https://img.php.cn/upload/image/130/681/196/1629179419390450.png" 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!