Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ao trabalhar com Arrays em React ou Next.js, uma dúvida comum é verificar se um valor já existe antes de fazer alguma alteração, como remover ou adicionar elementos. Uma abordagem frequente é usar o método .includes, que funciona bem para valores primitivos, mas pode complicar quando o array cnotém objetos.
No exemplo externo, o usuário quer verificar se um valor, vindo de um objeto com propriedade .name, já está presente no array. Se estiver, deseja removê-lo. Essa tarefa parece simples, mas o problema surge na hora de fazer o comparativo, especialmente se o array contém objetos.
Para resolver, o ideal é usar métodos como .some() com uma função de comparação, ao invés de .includes() direto, já que este último só funciona com valores primitivos. Por exemplo:
const exists = array.some(item => item.name === valorBuscado).
Se precisar remover, pode usar filter:
const novoArray = array.filter(item => item.name !== valorBuscado). Por isso, o recorte precisa considerar manutenção, validação e caminho de volta.
Dessa forma, evita o problema de comparação de objetos e garante uma operação mais eficiente. Como vocês costumam fazer rollback ou validação de presença de objetos em listas? Alguma dica para melhorar esse fluxo sem prejudicar o desempenho ou a clareza do código? Esse contexto ajuda a separar ganho real de novidade difícil de sustentar. A decisão fica mais saudável quando o time consegue medir o impacto depois.
Carregando comentários...