{"id":891,"date":"2024-03-29T12:44:04","date_gmt":"2024-03-29T15:44:04","guid":{"rendered":"https:\/\/desvendandoocodigo.com.br\/?p=891"},"modified":"2025-02-12T13:41:27","modified_gmt":"2025-02-12T16:41:27","slug":"objetos-em-javascript","status":"publish","type":"post","link":"https:\/\/desvendandoocodigo.com.br\/?p=891","title":{"rendered":"Aprendendo Objetos em JavaScript"},"content":{"rendered":"\n<p>Se voc\u00ea est\u00e1 apenas come\u00e7ando sua jornada no mundo do desenvolvimento web, entender objetos em JavaScript \u00e9 essencial. Os objetos s\u00e3o uma parte fundamental da linguagem e s\u00e3o usados extensivamente em quase todos os aplicativos web modernos. Neste artigo, vamos explorar o que s\u00e3o objetos em JavaScript, como eles funcionam e como voc\u00ea pode come\u00e7ar a us\u00e1-los em seus pr\u00f3prios projetos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">O que s\u00e3o Objetos em JavaScript?<\/h3>\n\n\n\n<p>Em JavaScript, um objeto \u00e9 uma cole\u00e7\u00e3o de pares de chave-valor, onde cada chave \u00e9 uma string (tamb\u00e9m chamada de propriedade) e cada valor pode ser qualquer tipo de dado, incluindo outros objetos. Isso permite que voc\u00ea organize e estruture dados de forma eficiente em seu c\u00f3digo.<\/p>\n\n\n\n<p>Por exemplo, imagine que voc\u00ea est\u00e1 construindo um aplicativo de gerenciamento de contatos. Voc\u00ea pode usar um objeto para representar cada contato, com propriedades como nome, n\u00famero de telefone e endere\u00e7o de e-mail.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Criando Objetos em JavaScript<\/h3>\n\n\n\n<p>Existem algumas maneiras de criar objetos em JavaScript. A maneira mais comum \u00e9 usando a sintaxe de objeto literal, que envolve listar as propriedades e valores entre chaves  &#8216; { } &#8216; .<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"346\" height=\"153\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/03\/image-19.png\" alt=\"\" class=\"wp-image-892\" srcset=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/03\/image-19.png 346w, https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/03\/image-19-300x133.png 300w\" sizes=\"(max-width: 346px) 100vw, 346px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Al\u00e9m disso, voc\u00ea tamb\u00e9m pode criar objetos usando a fun\u00e7\u00e3o construtora ou criando inst\u00e2ncias de classes (introduzidas no ECMAScript 2015).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Acessando Propriedades de Objetos<\/h3>\n\n\n\n<p>Uma vez que voc\u00ea tenha um objeto, voc\u00ea pode acessar suas propriedades usando a nota\u00e7\u00e3o de ponto <code>.<\/code> ou a nota\u00e7\u00e3o de colchetes <code>[]<\/code>.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"424\" height=\"400\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/03\/image-20.png\" alt=\"\" class=\"wp-image-893\" srcset=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/03\/image-20.png 424w, https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/03\/image-20-300x283.png 300w\" sizes=\"(max-width: 424px) 100vw, 424px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adicionando e Removendo Propriedades<\/h3>\n\n\n\n<p>Voc\u00ea pode adicionar novas propriedades a um objeto atribuindo um valor a uma nova chave, e remover propriedades usando o operador delete.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"463\" height=\"493\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/03\/image-23.png\" alt=\"\" class=\"wp-image-896\" srcset=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/03\/image-23.png 463w, https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/03\/image-23-282x300.png 282w\" sizes=\"(max-width: 463px) 100vw, 463px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Conclus\u00e3o<\/h3>\n\n\n\n<p>Os objetos s\u00e3o uma parte crucial do JavaScript e s\u00e3o usados em quase todos os aplicativos web modernos. Este artigo forneceu uma introdu\u00e7\u00e3o b\u00e1sica aos objetos em JavaScript, cobrindo como criar, acessar, adicionar e remover propriedades de objetos. \u00c0 medida que voc\u00ea continuar sua jornada de aprendizado em JavaScript, explorar objetos mais a fundo abrir\u00e1 portas para construir aplicativos web cada vez mais poderosos e din\u00e2micos.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Aula 08: Objetos em JavaScript\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/xF4B1J6NRgI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Se voc\u00ea est\u00e1 apenas come\u00e7ando sua jornada no mundo do desenvolvimento web, entender objetos em JavaScript \u00e9 essencial. Os objetos s\u00e3o uma parte fundamental da linguagem e s\u00e3o usados extensivamente em quase todos os aplicativos web modernos. Neste artigo, vamos explorar o que s\u00e3o objetos em JavaScript, como eles funcionam e como voc\u00ea pode come\u00e7ar a us\u00e1-los em seus pr\u00f3prios projetos. O que s\u00e3o Objetos em JavaScript? Em JavaScript, um objeto \u00e9 uma cole\u00e7\u00e3o de pares de chave-valor, onde cada chave \u00e9 uma string (tamb\u00e9m chamada de propriedade) e cada valor pode ser qualquer tipo de dado, incluindo outros objetos. Isso permite que voc\u00ea organize e estruture dados de forma eficiente em seu c\u00f3digo. Por exemplo, imagine que voc\u00ea est\u00e1 construindo um aplicativo de gerenciamento de contatos. Voc\u00ea pode usar um objeto para representar cada contato, com propriedades como nome, n\u00famero de telefone e endere\u00e7o de e-mail. Criando Objetos em JavaScript Existem algumas maneiras de criar objetos em JavaScript. A maneira mais comum \u00e9 usando a sintaxe de objeto literal, que envolve listar as propriedades e valores entre chaves &#8216; { } &#8216; . Al\u00e9m disso, voc\u00ea tamb\u00e9m pode criar objetos usando a fun\u00e7\u00e3o construtora ou criando inst\u00e2ncias de classes (introduzidas no ECMAScript 2015). Acessando Propriedades de Objetos Uma vez que voc\u00ea tenha um objeto, voc\u00ea pode acessar suas propriedades usando a nota\u00e7\u00e3o de ponto . ou a nota\u00e7\u00e3o de colchetes []. Adicionando e Removendo Propriedades Voc\u00ea pode adicionar novas propriedades a um objeto atribuindo um valor a uma nova chave, e remover propriedades usando o operador delete. Conclus\u00e3o Os objetos s\u00e3o uma parte crucial do JavaScript e s\u00e3o usados em quase todos os aplicativos web modernos. Este artigo forneceu uma introdu\u00e7\u00e3o b\u00e1sica aos objetos em JavaScript, cobrindo como criar, acessar, adicionar e remover propriedades de objetos. \u00c0 medida que voc\u00ea continuar sua jornada de aprendizado em JavaScript, explorar objetos mais a fundo abrir\u00e1 portas para construir aplicativos web cada vez mais poderosos e din\u00e2micos.<\/p>\n","protected":false},"author":1,"featured_media":1097,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[16],"tags":[],"_links":{"self":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/891"}],"collection":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=891"}],"version-history":[{"count":8,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/891\/revisions"}],"predecessor-version":[{"id":1705,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/891\/revisions\/1705"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/media\/1097"}],"wp:attachment":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}