JS 배열 학습의 헤드 또는 테일에 요소를 삽입하는 방법은 무엇입니까?

이전 글 "JS 배열 학습: 1차원 및 2차원 배열의 생성과 접근"에서는 배열을 생성하는 다양한 방법을 소개했습니다. 이제 배열이 생겼으니 배열을 조작해야 하는데, 가장 일반적인 작업은 배열 요소를 추가하거나 삭제하는 것입니다. 이번에는 먼저 배열 요소를 삽입하는 여러 가지 방법을 소개한 후, 배열 요소를 삭제하는 방법을 소개하겠습니다.

배열 요소를 추가하는 방법에는 여러 가지가 있습니다. 배열의 시작이나 끝 부분에 요소를 추가하거나 배열 첨자를 기준으로 임의의 위치에 추가할 수 있습니다. 오늘은 먼저 배열의 시작이나 끝 부분에 요소를 삽입하는 방법을 소개하겠습니다.

배열 시작 부분에 요소 삽입

JavaScript에서는 unshift() 함수를 사용하여 배열 시작 부분에 요소를 삽입할 수 있습니다. 이 함수는 하나 이상의 매개변수 값을 배열에 추가할 수 있습니다. 배열 헤드:

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。因此输出结果为：

在数组末尾插入元素

在JavaScript中，我们可以使用push()或者concat() 方法来在数组尾部插入元素。下面一一介绍一下：

1、使用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)

다음 예를 자세히 살펴보겠습니다.

var a = [1,2,3];
var b = [4, 5, 6];
var c = [7,8];
var d = a.concat(b,c);
console.log(d);

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

배열 끝에 요소 삽입

자바스크립트에서는 push() 또는 concat() 메서드를 사용하여 배열 끝에 요소를 삽입할 수 있습니다. 하나씩 소개하겠습니다.

1. push() 메서드 사용

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

var a = [1,2,3,4,5];  
var b = [[1,2,3], [4,5]];
var c = [[1,2,3], 3];
var d = a.concat(b,c);
console.log(d);

다음 예를 자세히 살펴보겠습니다.

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]

우리는 a.push(1,2)를 사용하여 두 값 1과 1을 순서대로 삽입하는 것을 볼 수 있습니다. 2; a.push(1)를 사용하여 a 배열 끝에 값 1을 삽입한 다음 a.push(2) 값 1을 끝에 삽입하려면(즉, 이후 값 1) 값 2를 삽입합니다. 따라서 출력 결과는 다음과 같습니다.

2. concat() 메서드를 사용하세요

1) concat() 메서드는 두 개 이상의 배열을 연결할 수 있으며 하나 이상의 배열 요소를 매개 변수로 추가합니다. . 지정된 배열의 끝까지.

rrreee🎜concat() 메서드는 1차원 배열을 매개변수로 분해하고 이를 별도의 요소로 배열의 끝에 연결합니다. 따라서 출력 결과는 다음과 같습니다. 🎜🎜🎜🎜🎜그러나 concat() 메서드는 2차원 배열을 완전히 분해할 수 없습니다. 2차원 배열에 포함된 1차원 요소만 배열의 꼬리에 연결할 수 있습니다. 🎜rrreee🎜🎜🎜🎜2)concat( ) 메소드는 주어진 요소를 삽입하여 전달된 모든 매개변수를 배열 끝에 순서대로 추가할 수도 있습니다. 🎜rrreee🎜출력 결과는 다음과 같습니다. 🎜🎜🎜🎜🎜설명: concat() 메서드는 원래 배열에 새 요소를 추가하는 대신 새 배열을 생성하고 반환하지만 unshift() 메서드는 원래 배열에 요소를 추가합니다. . 🎜🎜그렇습니다. 필요한 경우 다음 내용을 읽어보세요. 🎜javascript 고급 튜토리얼🎜🎜

위 내용은 JS 배열 학습의 헤드 또는 테일에 요소를 삽입하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!