Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

164
Visualizações
cómo usar .filter para editar un estado en reaccionar sin mutar

No estoy seguro de si esto es posible, ya que no creo que .filter se pueda usar para algo como esto. Si tengo una matriz así:

 abc: [ {number: 1, letter: "a"}, {number: 2, letter: "b"}, {number: 3, letter: "c"}, {number: 4, letter: "d"}, ]

quiero hacer algo como esto

 abc.filter(item => { if(item.number == 1){ item.letter == "aa" } })

Básicamente actualizando el primer elemento en el objeto para que sea {number:1, letter:"aa"} . Sin embargo, esto termina dándome una matriz vacía. No creo que lo esté haciendo de la manera correcta. ¿Cómo podría usar el filter para editar ciertos elementos?

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

.filter no es realmente apropiado aquí porque eso crearía una nueva matriz con solo los elementos que cumplen la condición, que luego tendría que volver a colocarse en la matriz original de alguna manera, posible, pero complicado. Asigne la matriz en su lugar; si se cumple la condición, devuelva un objeto modificado.

Recuerde que en React, debe evitar la mutación: no asigne una propiedad de un objeto existente, cree uno nuevo en su lugar.

 const abc = [ {number: 1, letter: "a"}, {number: 2, letter: "b"}, {number: 3, letter: "c"}, {number: 4, letter: "d"}, ]; const newArr = abc .map(obj => obj.number === 1 ? { ...obj, letter: 'aa' } : obj ); console.log(newArr);

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda