> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 배열에서 개체를 어떻게 제거할 수 있나요?

JavaScript 배열에서 개체를 어떻게 제거할 수 있나요?

DDD
풀어 주다: 2024-11-20 14:25:18
원래의
547명이 탐색했습니다.

How Can I Remove Objects from a JavaScript Array?

JavaScript의 배열에서 개체 제거

JavaScript에는 배열에서 개체를 제거하는 다양한 방법이 있습니다. 다양한 접근 방식을 살펴보겠습니다.

1. Array.shift() 및 Array.pop():

  • Array.shift(): 배열에서 첫 번째 요소를 제거합니다.
  • Array.pop(): 배열의 마지막 요소를 제거합니다.

2. Array.splice():

  • Array.splice(index, numElementsToRemove): 지정된 인덱스에서 시작하여 numElementsToRemove까지 계속되는 요소를 제거합니다.

3. Array.slice():

  • Array.slice(startIndex, endIndex): startIndex(포함)부터 endIndex(제외)까지의 요소를 포함하는 새 배열을 생성합니다.

4. Array.filter() 및 Array.findIndex():

  • Array.filter(callbackFunction): callbackFunction에 지정된 조건을 통과하는 요소가 포함된 새 배열을 생성합니다.
  • findIndex: callbackFunction에 지정된 조건을 통과하는 첫 번째 요소의 인덱스를 반환합니다. 그런 다음 이 인덱스를 Array.splice()의 인수로 사용할 수 있습니다.

예:

"Kristian"이라는 이름의 개체를 제거하려면 제공된 배열:

  • findIndex를 사용한 파괴적 스플라이스:

    let someArray = [{name: "Kristian", lines: "2,5,10"},
                   {name: "John", lines: "1,19,26,96"}];
    
    someArray.splice(someArray.findIndex(v => v.name === "Kristian"), 1);
    
    console.log(someArray); // [{name: "John", lines: "1,19,26,96"}]
    로그인 후 복사
  • 비파괴 필터 :

    let someArray = [{name: "Kristian", lines: "2,5,10"},
                   {name: "John", lines: "1,19,26,96"}];
    
    let noKristian = someArray.filter(v => v.name !== "Kristian");
    
    console.log(someArray); // [{name: "Kristian", lines: "2,5,10"},
                            {name: "John", lines: "1,19,26,96"}]
    console.log(noKristian); // [{name: "John", lines: "1,19,26,96"}]
    로그인 후 복사

귀하의 특정 요구 사항에 가장 적합한 방법을 선택하여 그에 따라 사용하십시오.

위 내용은 JavaScript 배열에서 개체를 어떻게 제거할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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