Acessando e modificando as propriedades do objeto em JavaScript: um guia completo

Os objetos JavaScript estão em toda parte no desenvolvimento da Web modernos. Se você já trabalhou com informações do usuário, configurações de aplicativos ou chamadas de API, já encontrou objetos; Eles são uma parte essencial do desenvolvimento de JavaScript. Para trabalhar com objetos sem problemas, você deve saber como acessar os dados que eles mantêm e modificá -los quando a situação exigir. Mas por que isso é importante? Compreender esses conceitos forma a espinha dorsal da programação JavaScript. Se você pode ler e atualizar com confiança as propriedades do objeto, poderá gerenciar dados dinamicamente, criar aplicativos flexíveis e evitar bugs comuns. Antes de mergulharmos nas etapas práticas, vamos começar entendendo o que você aprenderá neste guia. O que você aprenderá até o final deste artigo, poderá: entender quais propriedades de objeto são nas propriedades de objeto JavaScript Access usando a notação de pontos e a notação do suporte modificar propriedades, atualizando, adicionando e excluindo -os verificar se existe uma propriedade antes de usá -la, aplicar práticas recomendadas ao trabalhar com objetos soa bem? Ótimo! Vamos começar entendendo quais são as propriedades do objeto e, em seguida, avançaremos passo a passo para acessá -los e modificá -los. Quais são as propriedades do objeto em JavaScript? No JavaScript, um objeto é uma coleção de pares de valor-chave. Um nome de propriedade (ou chave) geralmente é uma string e seu valor pode conter qualquer tipo de dados: números, texto, matrizes, funções ou outros objetos. Aqui está um exemplo: const user = {nome: “Sabedoria”, idade: 30, isadmin: true}; Digite o modo de saída do modo de tela cheia neste objeto: nome, idade e isadmin são nomes de propriedades. “Sabedoria”, 30 e True são seus valores. Agora que você sabe o que são propriedades, a próxima pergunta é: como as acessamos? Vamos descobrir. Como acessar as propriedades do objeto em JavaScript Acessando propriedades significa recuperar seus valores de um objeto. O JavaScript nos dá duas maneiras principais de fazer isso: notação de pontos e notação de suporte. Vamos começar com o mais comum: notação de pontos. A notação de notação de pontos é simples e amplamente usada. Você acabou de digitar o nome do objeto, seguido por um ponto e, em seguida, o nome da propriedade. Exemplo: console.log (user.name); // saída: Wisdom Console.log (user.age); // Saída: 30 Digite o modo de saída de tela cheia de tela cheia Use a notação do DOT quando: o nome da propriedade deve ser um identificador JavaScript válido, o que significa que não pode incluir espaços ou caracteres especiais. Você conhece o nome da propriedade com antecedência. Mas e se o nome da propriedade vier de uma variável ou contiver espaços? A notação de pontos não funcionará nesses casos. É aí que entra a notação do suporte. A notação de notação do suporte permite que você recupere propriedades passando uma string ou uma variável como a chave. Exemplo: console.log (usuário[“name”]); // saída: sabedoria // usando uma variável como a chave const key = “idade”; console.log (usuário[key]); // Saída: 30 Digite o modo de saída de tela cheia de tela cheia Use notação de colchetes quando: o nome da propriedade não é corrigido, mas gerado dinamicamente a partir de uma variável. O nome da propriedade tem espaços ou caracteres especiais. Até agora, você aprendeu a ler propriedades. Objetos não são apenas para a leitura; Você frequentemente precisará atualizá -los ou adicionar novas propriedades. Vamos ver como fazer isso. Como modificar as propriedades do objeto nas propriedades modificadoras de JavaScript inclui: atualização de uma propriedade existente. Adicionando uma nova propriedade. Excluindo uma propriedade. Vamos passar por isso um por um. Atualizando uma propriedade existente Se você precisar modificar uma propriedade, dê um valor diferente. Exemplo: user.age = 30; console.log (user.age); // Saída: 30 Digite a notação de suporte de saída de tela cheia de tela cheia também funciona: Usuário[“isAdmin”] = false; console.log (user.isadmin); // Saída: False Digite o modo de saída de tela cheia de tela cheia agora, e se a propriedade ainda não existir? Isso nos leva a adicionar novas propriedades. Adicionar uma nova propriedade A adição de uma propriedade é como atualizar – se ainda não estiver lá, o JavaScript o criará. Exemplo: user.country = “Nigéria”; console.log (user.country); // Saída: Nigéria Digite Modo de tela cheia Modo de tela cheia ótima! Mas, às vezes, você também precisa remover uma propriedade. Vamos ver como. Excluindo uma propriedade para excluir uma propriedade de um objeto, use o operador Excluir. Exemplo: exclua user.isadmin; console.log (usuário); // saída: {name: ‘Wisdom’, idade: 30, país: ‘Nigéria’} Digite o modo de saída de tela cheia de tela cheia agora você sabe como ler, atualizar, adicionar e excluir propriedades. Antes de fazer alterações, é melhor verificar se a propriedade já existe. Vamos ver como fazer isso. Como verificar se existe uma propriedade JavaScript fornece duas maneiras comuns: console.log (“nome” no usuário); // True Console.log (User.HasownProperty (“Age”)); // TRUE Digite o modo de saída do modo de tela completa Isso é útil ao lidar com propriedades opcionais, como ao buscar dados das APIs. Agora, vamos explorar algumas práticas recomendadas para lidar com as propriedades do objeto de maneira eficaz. As práticas recomendadas para trabalhar com objetos aderem à notação de pontos se o nome da propriedade for simples e já conhecido. Use a notação de suporte para chaves dinâmicas ou quando os nomes de propriedades têm espaços. Evite adição ou remoção frequente de propriedades por razões de desempenho. Use object.freeze () ou object.Seal () quando você deseja tornar os objetos imutáveis. Os objetos de conclusão são um dos recursos mais poderosos do JavaScript, e entender como acessar e modificar suas propriedades é essencial para qualquer desenvolvedor. Você aprendeu como: acessar propriedades usando notação de ponto e suporte. Atualize as propriedades existentes. Adicione novos. Excluir propriedades indesejadas. Verifique se existe uma propriedade. Domine esses princípios básicos e você estará pronto para trabalhar com estruturas de dados complexas em aplicativos do mundo real. Você pode me alcançar via LinkedIn

Fonte