JavaScript의 배열에서 요소 제거



이 기사에서는 예제와 함께 JavaScript의 배열에서 요소를 제거하는 다양한 방법을 완벽하게 살펴 봅니다.

대부분의 경우 아무데도 발생하지 않는 배열을 조작 할 필요가 없습니다. 이러한 조작에는 여러 가지 방법이 있으며 그중 하나는 요소를 제거하는 방법을 포함합니다. 이 기사에서는 배열에서 요소를 제거하는 다양한 방법을 살펴 보겠습니다. . 다음은이 기사에서 중점적으로 다룰 내용입니다.

자바 스크립트를 사용하여 HTML의 진행률 표시 줄

그럼 시작하겠습니다.





JavaScript의 배열에서 요소 제거

팝 방식

pop () 메서드는 스택처럼 배열 끝에서 요소를 제거합니다. 반면 push () 메서드는 배열 끝에 요소를 추가합니다.이 메서드는 LIFO (Last-In-First-Out) 개념을 구현합니다.

[ 'Rock', 'Metal', 'Blues', 'Jazz'] list.pop () [ 'Rock', 'Metal', 'Blues']

코드는 배열의 마지막 요소, 즉 'Jazz'를 제거합니다.push () 메서드는 요소를 배열에 다시 추가합니다.



Shift 메서드 : JavaScript의 배열에서 요소 제거

shift () 메서드는 배열의 시작 부분에서 요소를 제거합니다. 반면 unshift () 메서드는 배열의 시작 부분에 요소를 다시 추가합니다.

[ 'Rock', 'Metal', 'Blues', 'Jazz'] list.shift () [ 'Metal', 'Blues', 'Jazz']

이 코드는 배열에서 첫 번째 요소 즉 Rock을 제거합니다.unshift () 메서드를 사용하면 'Rock'이 배열에 다시 추가됩니다.

접합 방법

splice () 메서드는 배열의 특정 부분 또는 선택 부분을 제거합니다.배열에 요소를 제거, 교체 또는 추가하는 수완이 풍부한 방법임을 입증합니다.



[ 'Rock', 'Metal', 'Blues', 'Jazz'] list.splice (2, 1) // 인덱스 위치 2에서 시작하여 하나의 요소 제거 [ 'Rock', 'Metal', 'Jazz'] list .splice (2,2) // 인덱스 위치 2에서 시작하여 두 요소 제거 [ 'Rock', 'Metal']

위의 예에서 slice 메서드는 지정된 인덱스에 따라 요소를 제거합니다.

'Blues'는 인덱스 2에 배치되므로 첫 번째 예에서 제거됩니다.

두 번째 예에서는 색인이 색인 2에서 시작하여 2 개의 요소를 제거해야한다고 지정하므로 두 개의 요소 즉, 'Blues'및 'Jazz'가 제거됩니다.

배열은 JavaScript에서 0으로 색인화된다는 점에 유의해야합니다.

더 나아가 JavaScript의 배열에서 요소 제거에 대한이 기사,

요소 범위에 대한 스플 라이스

splice () 메서드를 사용하여 연속 요소를 제거하는 것이 타당합니다.

[ 'Rock', 'Metal', 'Blues', 'Jazz'] list.splice (0, 2) // 인덱스 위치 0에서 시작하여 두 요소 제거 [ 'Blues', 'Jazz']

코드는 스플 라이스 방법에 언급 된 값을 제거합니다.

값으로 요소 제거 : JavaScript의 배열에서 요소 제거,

splice ()를 사용하여 요소를 검색하고 연속적으로 제거 할 수 있습니다.이 메서드는 지정된 요소를 찾을 수있는 첫 번째 인덱스를 반환하는 indexOf () 명령과 쌍을 이룰 수 있습니다. 요소가 없으면 출력으로 -1을 반환합니다.

다음 예에서는 'Blues'요소를 제거합니다.

[ 'Rock', 'Metal', 'Blues', 'Jazz'] // 'Blues'의 인덱스 위치를 찾아 해당 위치에서 요소 하나 제거 list.splice (list.indexOf ( 'Blues'), 1)

이 코드는 요소의 인덱스 위치를 찾은 후 'Blues'요소를 제거합니다.

값으로 요소 범위 제거

JavaScript를 사용하면 배열에서 여러 요소를 제거 할 수 있습니다.

[ 'Rock', 'Metal', 'Blues',“Blues ','Jazz '] for (var i = list.length-1 i-) {if (list [i] ==='Blues ') 목록 .splice (i, 1)} [ '록', '메탈', '재즈']

이 코드는 'Blues'요소의 모든 발생을 제거합니다.

JavaScript의 배열에서 요소 제거에 대한이 기사의 마지막 부분부터 시작하겠습니다.

어레이 필터 방법

호출 된 배열을 변경하는 대신 filter ()는 새 배열을 만듭니다.콜백 메소드라고하는 단일 매개 변수가 있습니다. 콜백 메서드는 필터 메서드가 배열의 요소를 반복 할 때 트리거됩니다.

콜백에 세 가지 값을 전달합니다.

  • 현재 가치
  • 현재 배열 인덱스
  • 전체 배열

true 또는 false의 두 값을 반환합니다. true를 반환하는 요소는 filter ()에 의해 생성 된 새 배열에 추가됩니다.

var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0] var Filtered = array.filter (function (value, index, arr) {return value> 4}) // filtered = > [5,6, 7, 8, 9]

필터링 된 배열은 사실임을 증명하는 요소로 구성됩니다.

배열에서 요소를 제거하는 것은 본질적으로 약간 지루할 수 있지만 실제로 이러한 방법이 가장 효율적이고 수완입니다.

이것으로 우리는 'JavaScript의 배열에서 요소 제거하기'에 대한이 블로그의 끝으로 왔습니다. 이 정보가 유익하고 도움이 되었기를 바랍니다. 유사한 주제에 대한 더 많은 자습서를 기대해주세요. 교육 프로그램을 확인해보세요.o 다양한 응용 프로그램과 함께 jQuery에 대한 심층적 인 지식을 얻으면 연중 무휴 지원 및 평생 액세스가 가능한 라이브 온라인 교육.

질문이 있으십니까? 이 블로그의 댓글 섹션에서이를 언급하시면 다시 연락 드리겠습니다.