Logo

dev-resources.site

for different kinds of informations.

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

Published at
12/2/2023
Categories
javascript
programming
portugues
Author
dougsource
Categories
3 categories in total
javascript
open
programming
open
portugues
open
Author
10 person written this
dougsource
open
Recriando o método lodash partition() em vanilla JS

Nota: apenas traduzi o texto abaixo e postei aqui.

Veremos agora como fazer a mesma coisa com o método _.partition().

O método _.partition() "split" um array em dois grupos: um para itens que atendem a alguns critérios e o segundo para itens que não atendem.

Para começar, vamos criar uma partition() helper function. Aceitaremos dois arguments: o array a ser dividido em dois e a "criteria" pela qual vamos dividi-lo.

var partition = function (arr, criteria) {
    // Faça as coisas aqui...
};
Enter fullscreen mode Exit fullscreen mode

Dentro da helper function, retornaremos um novo array.

var partition = function (arr, criteria) {
    return ;
};
Enter fullscreen mode Exit fullscreen mode

Com o método lodash _.partition(), o primeiro item no array retornado é um array de itens que "match" à criteria e o segundo são os itens que não "match".

Usaremos o método Array.filter() para ambos.

Para o argument criteria, aceitaremos uma function para validação. Usaremos isso como está em nossa primeira instância de Array.filter() e usaremos um bang operator (!) para verificar se há falsidade na segunda.

var partition = function (arr, criteria) {
    return [
        arr.filter(function (item) {
            return criteria(item);
        }),
        arr.filter(function (item) {
            return !criteria(item);
        }),
    ];
};
Enter fullscreen mode Exit fullscreen mode

Aqui está um exemplo do site lodash, mas usando nosso próprio método partition().

var users = [
    {'user': 'barney', 'age': 36, 'active': false},
    {'user': 'fred', 'age': 40, 'active': true},
    {'user': 'pebbles', 'age': 1, 'active': false}
];

// O primeiro array contém "fred"
// O segundo contém "barney" e "pebbles"
partition(users, function (user) {
    return user.active;
});
Enter fullscreen mode Exit fullscreen mode

UPDATE:

Abaixo segue outra versão, sem utilizar a filter function:

const partition = function (arr, criteria) {
    const outputLeft = [];
    const outputRight = [];

    for (const item of arr) {
        if (criteria(item)) {
            outputLeft.push(item);
        } else {
            outputRight.push(item);
        }
    }
    return [outputLeft, outputRight];
};
Enter fullscreen mode Exit fullscreen mode

Fonte

Newsletter de Go Make Things

portugues Article's
30 articles in total
Favicon
Validação e Sanitização em Aplicações Web
Favicon
Golang básico - Comparação de Igualdade
Favicon
Guia de React re-render: tudo, tudo de uma vez
Favicon
Go + hot reload
Favicon
Como animar o scrolling para anchor links com CSS
Favicon
Como criar uma sticky navigation apenas com CSS
Favicon
Como usar requestAnimationFrame() com vanilla JS
Favicon
Como atualizar a URL do navegador sem refresh a página usando a vanilla JS History API
Favicon
Por que utilizar um elemento form quando submit campos com JavaScript?
Favicon
Quando um framework é melhor que a manipulação nativa do DOM
Favicon
Recursão com vanilla JavaScript
Favicon
Como usar async e await com vanilla JavaScript
Favicon
Construindo um show/hide disclosure component acessível com vanilla JS
Favicon
Eu <3 cascade!
Favicon
Você provavelmente não precisa de um DOMContentLoaded event em seu Javacript
Favicon
Formas de escrever Immediately Invoked Function Expression (IIFE) no JavaScript
Favicon
Event delegation e múltiplos seletores com vanilla JS
Favicon
Usando a propriedade CSS currentColor para contruir componentes extensíveis
Favicon
CurrentColor e SVGs
Favicon
WTF é gzipping (e como é diferente da minificação)?
Favicon
Como eu estruturo meus projetos vanilla JS
Favicon
Uma alternativa vanilla JS para o método moment.js timeFromNow()
Favicon
Recriando o método lodash partition() em vanilla JS
Favicon
Recriando o método lodash inRange() em vanilla JS
Favicon
Recriando o método lodash pull() em vanilla JS
Favicon
Como converter segundos para minutos e horas em vanila JS
Favicon
Gerando números randômicos com vanila JS
Favicon
Obtendo os meses formatados com vanila JS
Favicon
Como ser um desenvolvedor mais produtivo
Favicon
Como construir um site que carregue em menos de um segundo

Featured ones: