5 Formas de Acessar Propriedades em Objetos JavaScript

Em JavaScript, um objeto é uma coleção não ordenada de pares chave-valor. Propriedades são os valores associados a uma chave específica em um objeto. Neste artigo, exploraremos 5 exemplos diferentes de como acessar propriedades de objetos em JavaScript.

1. Método Object.keys()

Este método retorna um array de todas as propriedades enumeráveis de um objeto.

Exemplo:

const carro = {
  marca: "Toyota",
  modelo: "Camry",
  ano: 2022
};
console.log(Object.keys(carro)); // Saída: ["marca", "modelo", "ano"]

2. Método Object.values()

Este método retorna um array de todos os valores das propriedades enumeráveis de um objeto.

Exemplo:

const carro = {
  marca: "Toyota",
  modelo: "Camry",
  ano: 2022
};
console.log(Object.values(carro)); // Saída: ["Toyota", "Camry", 2022]

3. Método Object.entries()

Este método retorna um array de arrays contendo os pares chave-valor das propriedades enumeráveis de um objeto.

Exemplo:

const carro = {
  marca: "Toyota",
  modelo: "Camry",
  ano: 2022
};
console.log(Object.entries(carro)); // Saída: [["marca", "Toyota"], ["modelo", "Camry"], ["ano", 2022]]

4. Loop for...in

O loop for…in permite que você itere sobre as propriedades enumeráveis de um objeto.

Exemplo:

const carro = {
  marca: "Toyota",
  modelo: "Camry",
  ano: 2022
};
for (const chave in carro) {
  console.log(`${chave}: ${carro[chave]}`);
}
/* Saída:
marca: Toyota
modelo: Camry
ano: 2022
*/

5. Método Object.getOwnPropertyNames()

Este método retorna um array de todas as propriedades (enumeráveis ou não) de um objeto.

Exemplo:

const carro = {
  marca: "Toyota",
  modelo: "Camry",
  ano: 2022
};
console.log(Object.getOwnPropertyNames(carro)); // Saída: ["marca", "modelo", "ano"]

Em conclusão, estes são apenas alguns exemplos de como acessar propriedades de objetos em JavaScript. Entender esses métodos é fundamental para programadores que querem trabalhar com objetos em JavaScript. Além disso, é importante notar que algumas propriedades podem não ser enumeráveis, o que significa que elas não aparecerão no resultado de métodos como Object.keys() ou for...in, mas ainda podem ser acessadas com o método Object.getOwnPropertyNames().

Em resumo, esses são apenas alguns dos vários métodos e técnicas disponíveis para acessar propriedades em objetos JavaScript. É importante que você pratique e experimente diferentes abordagens para descobrir qual é a melhor para o seu projeto. Quanto mais você praticar, mais confortável ficará com a manipulação de objetos em JavaScript.

0 Comments