Objetos em JavaScript

Em JavaScript, objetos são coleções de pares de valores-chave onde os valores podem ser dados (propriedades) ou funções (métodos). Objetos são fundamentais para JavaScript, já que quase tudo em JavaScript é um objeto, incluindo arrays, funções e até mesmo outros objetos.

1. Criando Objetos

UM. Literal de Objeto

A maneira mais simples de criar um objeto é usando chaves {}.

Exemplo:

const person = {
  name: "Alice",
  age: 25,
  greet: function () {
    console.log("Hello!");
  },
};

console.log(person.name); // Output: Alice
person.greet(); // Output: Hello!

B. Construtor de Objeto

Usar o construtor Object cria um objeto vazio.

Exemplo:

const person = new Object();
person.name = "Bob";
person.age = 30;
person.greet = function () {
  console.log("Hi!");
};

console.log(person.name); // Output: Bob
person.greet(); // Output: Hi!

C. Usando Object.create()

Este método cria um novo objeto com o protótipo especificado.

Exemplo:

const prototype = { greet: function () { console.log("Hello!"); } };
const person = Object.create(prototype);
person.name = "Charlie";
console.log(person.name); // Output: Charlie
person.greet(); // Output: Hello!

2. Acessando Propriedades do Objeto

UM. Notação de ponto

Acesse as propriedades usando um ponto (.).

Exemplo:

console.log(person.name); // Output: Alice

B. Notação de colchetes

Acesse as propriedades usando colchetes ([]). Útil para nomes de propriedades dinâmicas.

Exemplo:

console.log(person["name"]); // Output: Alice
const key = "age";
console.log(person[key]); // Output: 25

3. Adicionando, Modificando e Excluindo Propriedades

• Adicionando:

person.country = "USA";
console.log(person.country); // Output: USA

• Modificação:

person.age = 26;
console.log(person.age); // Output: 26

• Excluindo:

delete person.age;
console.log(person.age); // Output: undefined

4. Métodos em objetos

Quando uma função é uma propriedade de um objeto, ela é chamada de método.

Exemplo:

const car = {
  brand: "Tesla",
  start: function () {
    console.log("Car started!");
  },
};

car.start(); // Output: Car started!

5. Iterando sobre propriedades do objeto

UM. Usando para...em

Iterar todas as propriedades enumeráveis ​​de um objeto.

Exemplo:

for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}

B. Usando Object.keys()

Retorna uma matriz de chaves de um objeto.

Exemplo:

Object.keys(person).forEach((key) => {
  console.log(`${key}: ${person[key]}`);
});

C. Usando Object.entries()

Retorna uma matriz de pares [chave, valor].

Exemplo:

Object.entries(person).forEach(([key, value]) => {
  console.log(`${key}: ${value}`);
});

6. Métodos de objeto

JavaScript fornece vários métodos integrados para trabalhar com objetos.

• Object.assign(): Copia propriedades de um objeto para outro.

const target = { a: 1 };
const source = { b: 2 };
Object.assign(target, source);
console.log(target); // Output: { a: 1, b: 2 }

• Object.freeze(): Impede a modificação de um objeto.

const obj = { a: 1 };
Object.freeze(obj);
obj.a = 2; // No effect
console.log(obj.a); // Output: 1

• Object.seal(): Impede a adição ou remoção de propriedades, mas permite a modificação de propriedades existentes.

const obj = { a: 1 };
Object.seal(obj);
obj.b = 2; // No effect
obj.a = 3; // Works
console.log(obj); // Output: { a: 3 }

7. Protótipos e herança

Objetos em JavaScript têm um protótipo, que é outro objeto do qual eles herdam propriedades e métodos.

Exemplo:

const animal = { eats: true };
const dog = Object.create(animal);
dog.barks = true;

console.log(dog.eats); // Output: true (inherited)
console.log(dog.barks); // Output: true

8. Desestruturação de objetos

A desestruturação permite extrair propriedades de um objeto em variáveis.

Exemplo:

const person = { name: "Alice", age: 25 };
const { name, age } = person;
console.log(name); // Output: Alice
console.log(age); // Output: 25

9. Resumo

• Objetos são pares de valores-chave que podem armazenar propriedades e métodos.
• Use literais de objeto para criação simples de objetos.
• Acesse as propriedades do objeto usando notação de ponto ou colchete.
• Use métodos integrados como Object.keys(), Object.assign() e Object.freeze() para manipulação eficaz de objetos.
• Dominar objetos é crucial para entender conceitos avançados de JavaScript, como protótipos e herança.

Olá, sou Abhay Singh Kathayat!
Sou um desenvolvedor full-stack com experiência em tecnologias front-end e back-end. Trabalho com uma variedade de linguagens de programação e estruturas para construir aplicativos eficientes, escaláveis ​​e fáceis de usar.
Sinta-se à vontade para entrar em contato comigo pelo meu e-mail comercial: [email protected].