JavaScript 배열의 추가, 삭제, 수정, 확인 기능 구현

이 글에서는 JS 배열 연산의 추가, 삭제, 수정, 확인 등의 간단한 구현을 주로 소개합니다. 편집자는 꽤 괜찮다고 생각하여 지금 공유하고 참고용으로 제공하겠습니다. 에디터를 따라가며 살펴보겠습니다.

JS는 배열을 조작하는 데 편리한 여러 가지 방법을 제공합니다. 이 글에서 공유하고 싶은 것은 배열을 빠르게 추가, 삭제, 수정 및 확인하는 방법입니다.

1. 추가

1. push()

는 원하는 수의 매개변수를 받아 배열의 끝에 하나씩 추가하고 수정된 배열의 길이를 반환할 수 있습니다. 예:

var arr = [];
var len = arr.push(1);
console.log(arr); // [1]
console.log(len); // 1
len = arr.push(2,3);
console.log(arr); // [1,2,3]
console.log(len); // 3

2, unshift()

이 메서드는 push()와 유사하며 원하는 수의 매개변수를 받을 수도 있으며 배열 앞에 매개변수를 하나씩 추가하기만 하면 됩니다. 또한 새로운 배열 길이를 반환합니다. 위의 예를 계속 진행해 보겠습니다.

var len = arr.unshift(0);
console.log(arr); // [0, 1, 2, 3]
console.log(len); // 4
len = arr.unshift(-2,-1);
console.log(arr);  // [-2, -1, 0, 1, 2, 3]
console.log(len);  // 6

3.concat()

이 메서드는 push() 메서드와 다소 유사하지만 이 배열은 그렇지 않습니다. 원래 배열보다 길지만 복사본이므로 concat()은 배열에서 작업한 후 새 배열을 반환합니다. 구체적인 사용법은 다음과 같습니다.

① 매개변수가 전달되지 않고 현재 배열의 복사본이 반환됩니다.

② 하나 이상의 배열이 전달되면 메서드는 이러한 배열의 각 항목을 결과 배열에 추가합니다.

3 비배열 매개변수를 전달하면 이 매개변수는 결과 배열의 끝에 직접 추가됩니다.

위의 밤나무를 계속 따르세요.

var arr1 = arr.concat(4,[5,6]);
console.log(arr);  // [-2, -1, 0, 1, 2, 3]
console.log(arr1);  // [-2, -1, 0, 1, 2, 3, 4, 5, 6]

예제에서 원본 배열은 변경되지 않은 것이 분명하며, 4, 5, 6이 새 배열 요소에 추가됩니다.

4. splice()

앞의 세 가지 방법은 모두 배열의 앞에 추가되거나 배열 뒤에 추가되기 때문에 큰 제한이 있지만 splice()는 매우 유연하고 강력합니다. 배열의 어느 위치에나 요소를 추가할 수 있어 유연하고 요소 추가 외에도 요소 삭제 및 교체 기능도 있으므로 강력합니다(이에 대해서는 나중에 설명합니다).

splice()는 배열의 지정된 위치에 요소를 원하는 만큼 추가할 수 있습니다. 시작 위치, 0(삭제할 요소 수) 및 추가할 요소 등 최소 3개의 매개변수를 전달해야 합니다.

위의 예를 계속 진행하세요.

arr.splice(3,0,0.2,0.4,0.6,0.8);
console.log(arr); // [-2, -1, 0, 0.2, 0.4, 0.6, 0.8, 1, 2, 3]

splice()도 push() 및 unshift()와 마찬가지로 원본 배열을 직접 수정하는 것을 볼 수 있습니다.

2. 삭제

1. push() 메소드와 함께 사용되는 pop()

은 후입선출 스택을 형성할 수 있습니다. 배열의 끝을 반환하고 항목을 반환합니다.

위의 예를 계속 진행하세요.

var item = arr.pop();
console.log(item);  // 3
console.log(arr);  // [-2, -1, 0, 0.2, 0.4, 0.6, 0.8, 1, 2]

2. Shift()

는 선입선출 대기열을 형성하기 위해 push() 메서드와 함께 사용할 수 있습니다. 배열의 첫 번째 항목을 반환하고 항목을 반환합니다.

위의 예를 계속 진행하세요.

var item = arr.shift();
console.log(item); // -2
console.log(arr); // [-1, 0, 0.2, 0.4, 0.6, 0.8, 1, 2]

3.slice()

이 메서드는 concat()과 마찬가지로 새 배열을 반환하며 원래 배열에는 영향을 주지 않습니다. 배열의 경우 잘린 배열을 반환합니다. 구체적인 사용법은 다음과 같습니다.

slice() 메서드는 반환할 항목의 시작 위치와 끝 위치를 하나 또는 두 개의 매개 변수로 받아들일 수 있습니다. 인수가 하나만 있는 경우, Slice() 메서드는 해당 인수로 지정된 위치에서 시작하여 현재 배열의 끝에서 끝나는 모든 항목을 반환합니다. 두 개의 인수가 제공되면 이 메서드는 시작 위치와 끝 위치 사이의 항목을 반환하지만 끝 위치는 포함하지 않습니다.

위의 예를 계속해 보겠습니다~~

var arr2 = arr.slice(2,6);
console.log(arr); // [-1, 0, 0.2, 0.4, 0.6, 0.8, 1, 2]
console.log(arr2); // [0.2, 0.4, 0.6, 0.8]

4.splice()

자, 이 "보편적" 방법에 대해 계속 이야기해 보겠습니다.

위에서 언급했듯이 이 메소드는 배열 요소를 추가할 때 3개 이상의 매개변수를 전달해야 하며, 두 번째 매개변수는 삭제할 요소 수를 지정하는 데 사용됩니다. 이때 숫자 0을 전달했습니다. 그런 다음 요소만 삭제해야 하는 경우 splice()에 두 개의 매개변수만 전달하면 첫 번째 매개변수는 삭제할 첫 번째 항목의 위치를 ​​지정하는 데 사용되고 두 번째 매개변수는 위치를 지정하는 데 사용됩니다. 삭제할 요소의 번호입니다.

위의 예를 이어가세요~~

arr.splice(2,4);
console.log(arr); // [-1, 0, 1, 2]

인덱스 항목이 2인 위치부터 4개 요소를 삭제하면 결과는 [-1, 0, 1, 2]가 됩니다.

3. 변경

사실 가장 유연한 방법은 splice()라는 강력한 메소드를 직접 사용하는 것입니다. 사실 이 메소드에 대한 위의 이해를 통해 이 메소드를 어떻게 사용하는지 대략적으로 알 수 있습니다. 배열 요소를 수정합니다.

원칙은 매우 간단합니다. 즉, 지정된 위치에 원하는 만큼의 요소를 삽입하고 동시에 원하는 만큼의 요소를 삭제하는 것입니다.

계속 위의 예를 따르세요~~

arr.splice(2,1,0.5,1,1.5);
console.log(arr);  // [-1, 0, 0.5, 1, 1.5, 2]

4. Check

indexOf() 및 lastIndexOf()

두 메소드 모두 두 개의 매개변수를 받습니다. )는 검색이 시작되는 인덱스를 나타냅니다. 그 중 indexOf()는 배열의 처음(위치 0)부터 역방향으로 검색하고, lastIndexOf() 메소드는 배열의 끝에서부터 정방향으로 검색한다.

예:

var index = arr.indexOf(0);
console.log(index);  // 1
index = arr.indexOf(3,0);
console.log(index);  // -1

요소를 찾을 수 없으면 -1이 반환되며 lastIndexOf() 메서드는 동일합니다.

위 내용은 JavaScript 배열의 추가, 삭제, 수정, 확인 기능 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!