"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > JavaScript의 다른 배열에 존재하는 배열의 요소를 효율적으로 제거하려면 어떻게 해야 합니까?

JavaScript의 다른 배열에 존재하는 배열의 요소를 효율적으로 제거하려면 어떻게 해야 합니까?

2024년 11월 16일에 게시됨
검색:121

How can I efficiently remove elements from an array that exist in another array in JavaScript?

다른 배열과 일치하는 배열 요소를 효율적으로 제거

JavaScript에서는 다른 배열 내에 존재하는 한 배열의 요소를 제거해야 하는 요구 사항이 발생할 수 있습니다. 이는 루프 및 접합을 사용하지 않고도 효율적으로 달성할 수 있습니다.

jQuery 접근 방식

jQuery를 사용하면 grep() 및 inArray() 함수를 활용할 수 있습니다.

myArray = $.grep(myArray, function(value) {
    return $.inArray(value, toRemove) 

순수한 JavaScript 솔루션

순수한 JavaScript 구현의 경우 Array.filter()가 효과적인 메서드 역할을 합니다.

myArray = myArray.filter( function(el) {
    return toRemove.indexOf(el) 

Array.includes()를 사용하는 대안

Array.includes()에 대한 브라우저 지원이 증가함에 따라 간결한 대안을 제공합니다:

myArray = myArray.filter( function(el) {
    return !toRemove.includes(el);
});

화살표 함수를 사용한 최신 접근 방식

화살표 함수를 사용하면 코드가 더욱 간소화됩니다.

myArray = myArray.filter((el) => !toRemove.includes(el));

이러한 순수 JavaScript 접근 방식은 일치하는 요소를 제거하는 효율적인 방법을 제공합니다. 루프와 스플라이싱의 오버헤드가 없는 또 다른 어레이입니다.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3