Início / coding / Perguntas / 77423939
Accepted
JulesUK
Asked: 2023-11-05 05:50:00 +0800 CST

Substituir um elemento no array é substituir todos os elementos do array?

  • 772

Eu tenho uma matriz que desejo pesquisar e apenas coloco um item que corresponda a uma pesquisa da seguinte forma: -

Array e exemplo de código:

const test = [
  { id: 0, title: 'test1', seen: false },
  { id: 1, title: 'test2', seen: false },
  { id: 2, title: 'test3', seen: true },
];

Preciso ser capaz de pesquisar o ID: 2 na matriz de teste e defini-lo como 'visto: verdadeiro'

Eu tentei :

const [testarray, testTestArray] = usestate(test);
const checkID = 2;

const updateStatus = (checkID) => {

    const new_data = testarray.data.map(id => {
    if (id === checkID) {
      // No change
      return id;
    } else {
      return {
        ...id,
        seen: true,
      };
    }
  });

  setTest(new_data);

Já brinquei com isso de diferentes maneiras e o mais próximo que cheguei foi mudar todas elas para 'visto: verdadeiro'?

O que não estou entendendo aqui?

Obrigado

arrays

2 respostas

  1. Best Answer

    Você está verificando idqual checkIDnunca será igual porque está comparando object(cada objeto individual na matriz) com number.

    Você deve compará-lo com id.idou para uma melhor convenção de nomenclatura obj.idcom checkID.

    CODESANDBOX

      const updateStatus = (checkID) => {
    console.log(checkID);
    const new_data = testarray.map((obj) => {
      if (obj.id === checkID) {
        return {
          ...obj,
          seen: true
        };
      } else {
        return obj;
      }
    });

    setTestArray(new_data);
  };

    Você pode simplificá-lo mais como:

      const updateStatus = (checkID) => {
    const new_data = testarray.map((obj) => ({
      ...obj,
      seen: obj.id === checkID ? true : obj.seen
    }));

    setTestArray(new_data);
  };
    • 2

  2. Vamos consertar isso:

    const [array, setArray] = useState(test);
const checkID = 2;

const updateStatus = (checkID) => {
  const new_data =  array.map(item => {
    // here was the major mistake
    if (item.id === checkID) {
      return {
        ...item,
        seen: true,
      };
    } else {
      // No change
      return item;
    }
  });
  setArray(new_data);
}

    Os erros foram:

    • Usando nomes diferentes.
    • não usando a propriedade do item, mas o próprio item em comparação.
    • Os blocos if-else foram invertidos em relação ao que é solicitado.

    Espero que tudo esteja entendido.

    • 0

relate perguntas