Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Dúvida] Dúvida quanto à lógica por trás da propriedade favorita.

Olá! Estou com uma dúvida relacionada a esta parte do código:

favorita: fotoDaGaleria.id === fotoDaGaleria.id ? !fotoDaGaleria.favorita

Segue a explicação do professor para ela:

"Pegamos a foto da galeria, analisamos o id, comparamos se o id é exatamente igual ao da foto da galeria. Se for igual, invertemos essa flag. Se for verdadeira vira falsa, se for falsa vira verdadeira."

Admito que, mesmo com a explicação do professor, ainda não peguei o fio da meada dela. Pode me ajudar? :)

3 respostas
solução!

Oi Brenon, tudo bem?

Entendo que essa parte do código pode parecer um pouco confusa no início, mas vamos tentar desmembrá-la para facilitar o entendimento.

A linha de código que você mencionou faz parte de uma função que está sendo usada para atualizar o estado da galeria de fotos. A função está mapeando (usando o método .map) através de todas as fotos na galeria e criando uma nova versão do objeto de foto para cada uma.

A parte que está confundindo você é esta:

favorita: fotoDaGaleria.id === foto.id ? !foto.favorita

Esta é uma expressão condicional (também conhecida como operador ternário), que é basicamente uma maneira curta de escrever uma instrução if-else.

A expressão fotoDaGaleria.id === foto.id está verificando se o id da foto atual na galeria é igual ao id da foto que foi clicada pelo usuário. Se for, então a expressão !foto.favorita é avaliada.

O operador ! é um operador lógico NOT, que inverte o valor de verdade de foto.favorita. Portanto, se foto.favorita for true, !foto.favorita será false, e vice-versa. Isso efetivamente "alterna" o estado de favorito da foto.

Então, resumindo, essa linha de código está dizendo: "Se o id da foto atual na galeria é igual ao id da foto que foi clicada, então alterne o estado de favorito da foto. Caso contrário, deixe o estado de favorito como está."

Espero que isso esclareça sua dúvida.

Um abraço e bons estudos.

Olá Lorena! Tudo bom?

A fim de verificar se entendi corretamente a lógica passada, pode avaliar minha interpretação?

Minha interpretação:

Neste código, há duas entidades: a foto atual na galeria e a foto clicada pelo usuário. Para que haja mudança de estado para favorito de uma imagem, tanto a foto na galeria quanto a que foi clicada pelo usuário devem conter o mesmo id, caso contrário, a mudança não ocorrerá. Para realizar a mudança, respeitando a condicional estrita ===, é preciso adicionar na função um operador de troca de estado, representado por esta !

Entendi corretamente? :)

Olá Brenon! Sua interpretação está bastante precisa, você pegou o conceito corretamente.

Neste código, de fato, há duas entidades: a foto atual na galeria e a foto clicada pelo usuário. Para que ocorra uma mudança no estado de favorito de uma imagem, ambos os objetos de foto devem ter o mesmo id. A verificação é feita de forma estrita (===), o que significa que não apenas os ids precisam ser iguais, mas também do mesmo tipo (não ocorrendo coerção de tipos).

A adição do operador ! (NOT) é o que inverte o estado de favorito da foto. Isso significa que se as fotos tiverem ids iguais, o estado de favorito será alternado: se for verdadeiro (true), se tornará falso (false), e vice-versa. Se os ids não forem iguais, o estado de favorito permanecerá inalterado.

Sua interpretação está correta, e você compreendeu bem a lógica dessa parte do código.

Um abraço e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software