js 배열에서 요소를 삭제하는 방법

zbt
풀어 주다: 2023-08-02 10:00:27
원래의
18426명이 탐색했습니다.

js 배열에서 요소를 삭제하는 방법: 1. splice() 메서드를 사용합니다. 2. pop() 메서드를 사용합니다. 4. delete 키워드를 사용합니다.

js 배열에서 요소를 삭제하는 방법

JavaScript의 배열은 여러 요소를 저장할 수 있는 매우 일반적으로 사용되는 데이터 구조입니다. 때로는 배열을 처리할 때 특정 요소를 삭제해야 할 수도 있습니다. 이 기사에서는 JavaScript에서 배열 요소를 삭제하는 여러 가지 방법을 소개합니다.

1. splice() 메서드 사용:

splice() 메서드는 JavaScript에서 배열 요소를 삭제하는 데 가장 일반적으로 사용되는 메서드입니다. 배열의 지정된 위치에서 하나 이상의 요소를 삭제하고 삭제된 요소를 반환합니다. splice() 메서드에는 삭제할 요소의 인덱스 위치와 삭제할 요소 수라는 두 가지 매개 변수가 필요합니다. 예는 다음과 같습니다.

let fruits = ['apple', 'banana', 'orange', 'grape'];
fruits.splice(1, 2);
console.log(fruits); // 输出:['apple', 'grape']
로그인 후 복사

위 코드에서는 인덱스 위치 1부터 시작하여 2개의 요소('banana' 및 'orange')를 삭제했습니다.

2. pop() 메서드 사용:

pop() 메서드는 배열의 마지막 요소를 삭제하고 해당 요소를 반환합니다. 이 방법은 스택 특성이 있는 배열을 삭제하는 데 적합합니다. 예는 다음과 같습니다.

let fruits = ['apple', 'banana', 'orange', 'grape'];
fruits.pop();
console.log(fruits); // 输出:['apple', 'banana', 'orange']
로그인 후 복사

위 코드에서는 배열의 마지막 요소('grape')를 삭제합니다.

3. Shift() 메서드 사용:

shift() 메서드는 pop() 메서드와 유사하지만 배열의 첫 번째 요소를 삭제하고 해당 요소를 반환합니다. 이 방법은 대기열 특성이 있는 배열을 삭제하는 데 적합합니다. 예는 다음과 같습니다.

let fruits = ['apple', 'banana', 'orange', 'grape'];
fruits.shift();
console.log(fruits); // 输出:['banana', 'orange', 'grape']
로그인 후 복사

위 코드에서는 배열의 첫 번째 요소('apple')를 삭제합니다.

4. 삭제 키워드 사용:

삭제 키워드는 배열의 지정된 위치에 있는 요소를 삭제할 수 있는 JavaScript의 연산자입니다. 그러나 delete 키워드를 사용하여 배열 요소를 삭제하면 배열의 길이는 변경되지 않으며 삭제된 요소의 값은 정의되지 않습니다. 예는 다음과 같습니다.

let fruits = ['apple', 'banana', 'orange', 'grape'];
delete fruits[2];
console.log(fruits); // 输出:['apple', 'banana', undefined, 'grape']
로그인 후 복사

위 코드에서는 배열의 인덱스 위치 2에 있는 요소('orange')를 삭제하고 정의되지 않은 것으로 바꿉니다.

delete 키워드를 사용하여 배열 요소를 삭제할 때 삭제된 요소는 삭제된 것으로 표시될 뿐 실제로 메모리에서 삭제되지는 않습니다. 따라서 경우에 따라 요소를 삭제하면 특정 오류가 발생할 수 있습니다. 이상한 동작으로 인해 배열 요소를 삭제하는 데 삭제를 사용하는 것은 일반적으로 권장되지 않습니다.

위는 JavaScript에서 배열 요소를 삭제하는 몇 가지 일반적인 방법입니다. 특정 요구 사항에 따라 배열 요소를 삭제하는 적절한 방법을 선택할 수 있습니다. 이 기사가 도움이 되기를 바랍니다!

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿