Recriando o método lodash pull() em vanilla JS

Nota: apenas traduzi o texto abaixo e postei aqui.

Apenas por diversão, comecei a examinar métodos em lodash e a criar equivalentes vanilla JS.

Hoje, vamos recriar o método lodash _.pull() com vanilla JS.

O que esse método faz

O método _.pull() pega um array e remove quaisquer valores que match ao que você passa.

var array = ['a', 'b', 'c', 'a', 'b', 'c'];
_.pull(array, 'a', 'c');

// Loga ['b', 'b']
console.log(array);

Um método pull() vanilla JS

Para este, usaremos o método Array.filter().

Primeiro, vamos criar um método helper pull(). Ao contrário da versão lodash, passaremos um array para valores.

var pull = function (array, values) {
    // Faça coisas...
};

A seguir, chamaremos o método Array.filter() no array que foi passado.

var pull = function (arr, values) {
    return arr.filter(function (item) {
        // Faça coisas...
    });
};

Por fim, verificaremos se o item atual está no array de valores a serem removidos usando o método Array.indexOf().

Se o método for maior que 0, retornaremos um valor false. Caso contrário, retornaremos um valor true.

var pull = function (arr, values) {
    return arr.filter(function (item) {
        return values.indexOf(item) < 0;
    });
};

// versão sem o uso de filter
var pullNoFilter = function (arr) {
    var output = arr.concat([]);
    for (var i = 1; i < arguments.length;i++) {
        var item = arguments[i];
        do {
           var index = output.indexOf(item);
           index > -1 && output.splice(index, 1);
        } while (index > -1);
    }
    return output;
};

Ao contrário da versão lodash, isso retorna um novo immutable array, então precisaremos atribuí-lo a uma variável.

Agora podemos fazer isso.

var array = ['a', 'b', 'c', 'a', 'b', 'c'];
var pulled = pull(array, ['a', 'c']);

// Loga ['b', 'b']
console.log(pulled);

Fonte

Newsletter de Go Make Things