"If a worker wants to do his job well, he must first sharpen his tools." - Confucius, "The Analects of Confucius. Lu Linggong"
Front page > Programming > How can I efficiently remove elements from an array that exist in another array in JavaScript?

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

Published on 2024-11-16
Browse:595

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

Efficiently Removing Array Elements Matching Another Array

In JavaScript, the requirement may arise to eliminate elements from one array that exist within another array. This can be achieved efficiently without resorting to loops and splicing.

jQuery Approach

Using jQuery, one can utilize the grep() and inArray() functions:

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

Pure JavaScript Solution

For a pure JavaScript implementation, Array.filter() serves as an effective method:

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

Alternative Using Array.includes()

As browser support for Array.includes() has grown, it offers a concise alternative:

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

Modern Approach with Arrow Functions

Employing arrow functions further streamlines the code:

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

These pure JavaScript approaches provide efficient ways to remove elements matching another array without the overhead of loops and splicing.

Latest tutorial More>

Disclaimer: All resources provided are partly from the Internet. If there is any infringement of your copyright or other rights and interests, please explain the detailed reasons and provide proof of copyright or rights and interests and then send it to the email: [email protected] We will handle it for you as soon as possible.

Copyright© 2022 湘ICP备2022001581号-3