Objetos Javascript

Tempo de leitura: 3 minutos

Objetos Javascript: Em JavaScript, os objetos são a pedra angular da programação orientada a objetos. Eles permitem modelar entidades do mundo real de forma mais intuitiva e organizada. Um objeto é como um contêiner que armazena dados (propriedades) e comportamentos (métodos).

Neste artigo, vamos explorar a fundo os conceitos de objetos em JavaScript, desde sua criação até a manipulação de suas propriedades e métodos.

O que são Objetos?

Um objeto em JavaScript é uma coleção de pares chave-valor. A chave é uma string que identifica a propriedade, e o valor pode ser qualquer tipo de dado, incluindo outras funções e objetos.

Exemplo:

JavaScript

const pessoa = {
  nome: "João",
  idade: 30,
  profissao: "Programador",
  saudar: function() {
    console.log("Olá, meu nome é " + this.nome);
  }
};

Neste exemplo, pessoa é um objeto com as propriedades nome, idade e profissao, além do método saudar.

Criando Objetos

Existem diversas formas de criar objetos em JavaScript:

• Literais de objeto: A forma mais comum, utilizando chaves {} e pares chave-valor separados por vírgulas.
• Construtor Object(): Cria um objeto vazio que pode ser personalizado posteriormente.
• Funções construtoras: Permitem criar objetos de um determinado tipo.
• Classes (ES6): Uma sintaxe mais moderna para criar objetos, introduzida no ECMAScript 6.

Acessando Propriedades e Métodos

Para acessar uma propriedade ou método de um objeto, utilizamos a notação de ponto ou a notação de colchetes:

JavaScript

console.log(pessoa.nome); // Acessando a propriedade nome
pessoa.saudar(); // Chamando o método saudar

Modificando Propriedades

Para modificar o valor de uma propriedade, basta atribuir um novo valor a ela:

JavaScript

pessoa.idade = 31;

Adicionando e Removendo Propriedades

Podemos adicionar novas propriedades a um objeto a qualquer momento:

JavaScript

pessoa.cidade = "São Paulo";

Para remover uma propriedade, utilizamos o operador delete:

JavaScript

delete pessoa.cidade;

Métodos de Objeto

Os métodos são funções que estão associadas a um objeto. Eles permitem que você execute ações sobre o objeto.

JavaScript

const carro = {
  marca: "Ford",
  modelo: "Ka",
  ligar: function() {
    console.log("O carro está ligado.");
  }
};
carro.ligar();

Prototipos

Todos os objetos em JavaScript herdam propriedades e métodos de um protótipo. Isso permite a criação de hierarquias de objetos e o compartilhamento de código entre objetos.

JavaScript

function Pessoa(nome, idade) {
  this.nome = nome;
  this.idade = idade;
}

Pessoa.prototype.saudar = function() {
  console.log("Olá, meu nome é " + this.nome);
};

const pessoa1 = new Pessoa("João", 30);
pessoa1.saudar(); // Herda o método saudar do protótipo

Classes (ES6)

As classes são uma sintaxe mais moderna para criar objetos, oferecendo uma forma mais organizada e intuitiva de definir propriedades e métodos.

JavaScript

class Pessoa {
  constructor(nome, idade) {
    this.nome = nome;
    this.idade = idade;
  }

  saudar() {
    console.log("Olá, meu nome é " + this.nome);
  }
}

Conclusão

Objetos Javascript: Os objetos são um conceito fundamental em JavaScript, permitindo modelar dados e comportamentos de forma eficiente. Ao dominar os conceitos de objetos, você estará apto a criar aplicações mais complexas e organizadas.

Toda jornada tem um início, e o início para se tornar um desenvolvedor web é dominar as seguintes tecnologias, que você encontra aqui mesmo:

E se você gosta do nosso conteúdo, não deixe de contribuir adquirindo os serviços e produtos dos nossos apoiadores e empresas que somos associados: