{"id":852,"date":"2024-05-06T19:01:29","date_gmt":"2024-05-06T22:01:29","guid":{"rendered":"https:\/\/thiagorossi.com.br\/blog\/?p=852"},"modified":"2025-11-13T21:13:27","modified_gmt":"2025-11-14T00:13:27","slug":"objetos-javascript","status":"publish","type":"post","link":"https:\/\/thiagorossi.com.br\/blog\/objetos-javascript\/","title":{"rendered":"Objetos Javascript"},"content":{"rendered":"Tempo de leitura: <\/span> 3<\/span> minutos<\/span><\/span>\n

Objetos Javascript<\/strong>: Em JavaScript, os Objetos<\/strong> s\u00e3o a estrutura de dados mais fundamental e vers\u00e1til. Um objeto \u00e9 uma cole\u00e7\u00e3o din\u00e2mica de pares chave-valor<\/strong>, atuando como um cont\u00eainer que armazena dados (chamados Propriedades<\/strong>) e fun\u00e7\u00f5es (chamados M\u00e9todos<\/strong>).<\/p>\n\n\n\n

Objetos s\u00e3o o pilar da Programa\u00e7\u00e3o Orientada a Objetos<\/strong> em JS e, diferentemente dos Primitivos, eles s\u00e3o copiados por Refer\u00eancia<\/strong>, o que os torna mut\u00e1veis.<\/p>\n\n\n\n

<\/div>\n\n\n\n

1. Cria\u00e7\u00e3o e Estrutura B\u00e1sica<\/h2>\n\n\n\n

A maneira mais comum e direta de criar um objeto \u00e9 usando a sintaxe de Literal de Objeto<\/strong> ({}<\/code>).<\/p>\n\n\n\n

<\/div>\n\n\n\n

A. O Literal de Objeto<\/h3>\n\n\n\n

Um objeto \u00e9 definido por chaves ({}<\/code>) contendo propriedades separadas por v\u00edrgulas.<\/p>\n\n\n\n

JavaScript<\/p>\n\n\n\n

const livro = {\n  \/\/ Propriedade (Chave: Valor)\n  titulo: \"O Guia do Mochileiro\",\n  paginas: 42,\n  \n  \/\/ M\u00e9todo (Fun\u00e7\u00e3o associada ao objeto)\n  resumo: function() {\n    return `Livro: ${this.titulo}, com ${this.paginas} p\u00e1ginas.`;\n  }\n};\n<\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
\n
Aten\u00e7\u00e3o ao this<\/code>:<\/strong> Dentro de um m\u00e9todo, a palavra-chave this<\/code><\/strong> refere-se ao pr\u00f3prio objeto<\/strong> que est\u00e1 chamando o m\u00e9todo.<\/p>\n<\/blockquote>\n\n\n\n
<\/div>\n\n\n\n
2. Acesso e Manipula\u00e7\u00e3o de Propriedades<\/h2>\n\n\n\n
Existem duas formas principais de acessar ou modificar as propriedades de um objeto.<\/p>\n\n\n\n
<\/div>\n\n\n\n
A. Nota\u00e7\u00e3o de Ponto (Dot Notation)<\/h3>\n\n\n\n
\u00c9 o m\u00e9todo preferido por ser mais limpo e r\u00e1pido, mas s\u00f3 funciona quando o nome da propriedade \u00e9 conhecido e n\u00e3o cont\u00e9m caracteres especiais<\/strong> (como espa\u00e7os ou h\u00edfens).<\/p>\n\n\n\n
JavaScript<\/p>\n\n\n\n
console.log(livro.titulo); \/\/ Acesso direto\nlivro.paginas = 43;        \/\/ Modifica\u00e7\u00e3o\n<\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
B. Nota\u00e7\u00e3o de Colchetes (Bracket Notation)<\/h3>\n\n\n\n
\u00c9 essencial quando:<\/p>\n\n\n\n
    \n
  1. O nome da propriedade \u00e9 armazenado em uma vari\u00e1vel<\/strong>.<\/li>\n\n\n\n
  2. O nome da propriedade cont\u00e9m espa\u00e7os ou caracteres especiais<\/strong>.<\/li>\n<\/ol>\n\n\n\n
    JavaScript<\/p>\n\n\n\n
    let chave = \"titulo\";\nconsole.log(livro[chave]); \/\/ Acesso din\u00e2mico usando a vari\u00e1vel 'chave'\n\nlivro[\"data de lan\u00e7amento\"] = 1979; \/\/ Adicionando propriedade com espa\u00e7o\nconsole.log(livro[\"data de lan\u00e7amento\"]);\n<\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    C. Adicionar e Remover<\/h3>\n\n\n\n