Aula 11: Objetos em JavaScript; O Segredo para Criar Código Poderoso e Organizado

Hello world!

E aí, devs, tudo bem? Para essa semana, vamos aprender juntos o que são objetos! Tentei trazer aqui de uma maneira de fácil entendimento o que são e como se usam objetos em JavaScript. Essa aula é de extrema importância para quem quer se tornar um desenvolvedor front-end, então… Bora codar! ☕

O que é um Objeto?

Conceito:

Um objeto em JavaScript é uma coleção de pares chave-valor, onde cada chave é um identificador único e o valor pode ser qualquer tipo de dado, incluindo números, strings, funções e até outros objetos. Objetos são fundamentais para a programação em JavaScript, pois permitem organizar e manipular dados de forma estruturada.

Por que foi criado e por que é útil?

Os objetos foram criados para fornecer uma forma eficiente de representar entidades do mundo real, como usuários, produtos e configurações. Eles tornam o código mais modular e fácil de manter, permitindo encapsular informações relacionadas em uma única estrutura.

Exemplo ilustrativo:

Imagine que você precisa armazenar informações sobre um carro. Sem objetos, você poderia usar variáveis separadas:

Isso funciona, mas fica confuso e difícil de gerenciar conforme os dados aumentam. Com um objeto, tudo fica mais organizado:

Estrutura de um Objeto:

Cada propriedade de um objeto segue esta estrutura:

chave: valor

Como acessar propriedades de um objeto:

Existem duas maneiras principais de acessar propriedades de um objeto:

1. Notação de ponto (.):

2.Notação de colchetes ([]):

Como adicionar e modificar propriedades após a criação do objeto

Após a criação de um objeto, novas propriedades podem ser adicionadas ou modificadas de forma dinâmica:

Exemplo:

Como remover propriedades de um objeto:

Métodos em Objetos

Conceito:

Métodos são funções associadas a um objeto. Eles permitem que um objeto execute ações e interaja com seus próprios dados.

Exemplo de método em um objeto JavaScript:

O que é this?

Conceito:

this é uma palavra-chave especial que referencia o próprio objeto ao qual pertence.

Exemplo de this dentro de um método:

Diferença entre Arrays e Objetos

Exemplo de uso conjunto de Arrays e Objetos:

Conclusão:

E isso, devs! Nessa aula, apresentei para vocês o que são objetos e as maneiras práticas de usá-los no mercado de trabalho. Quero deixar aqui o link para uma documentação sobre objetos e registrar a importância de lê-la!!! Abaixo, também terá o link do repositório da aula no GitHub… Na próxima aula, veremos sobre o DOM.

Link da documentação sobre objetos: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Working_with_objects
Link do repositório no GitHub: https://github.com/guilherme-silvam/js-aulas-guilhermemachadodev/tree/main/aula-11-guilhermemachadodev