{"id":292,"date":"2024-01-28T18:31:40","date_gmt":"2024-01-28T21:31:40","guid":{"rendered":"https:\/\/desvendandoocodigo.com.br\/?p=292"},"modified":"2024-04-21T11:07:36","modified_gmt":"2024-04-21T14:07:36","slug":"aula-17-introducao-aos-vetores-em-javascript","status":"publish","type":"post","link":"https:\/\/desvendandoocodigo.com.br\/?p=292","title":{"rendered":"Aula 17: Introdu\u00e7\u00e3o aos Vetores em JavaScript"},"content":{"rendered":"\n<p>Os vetores, tamb\u00e9m conhecidos como arrays em JavaScript, s\u00e3o estruturas de dados fundamentais que permitem armazenar e manipular cole\u00e7\u00f5es de elementos de forma eficiente. Neste artigo, vamos explorar o conceito de vetores em JavaScript, entender sua sintaxe b\u00e1sica, opera\u00e7\u00f5es comuns e exemplos pr\u00e1ticos de uso.<\/p>\n\n\n\n<p>Em termos simples, um vetor \u00e9 uma cole\u00e7\u00e3o ordenada de elementos. Em JavaScript, os vetores podem conter qualquer tipo de dados, como n\u00fameros, strings, objetos e at\u00e9 mesmo outros vetores. Eles s\u00e3o muito vers\u00e1teis e amplamente utilizados em programa\u00e7\u00e3o para organizar dados de forma estruturada e acess\u00edvel.<\/p>\n\n\n\n<p>A sintaxe b\u00e1sica para criar um vetor em JavaScript \u00e9 a seguinte:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"493\" height=\"146\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/02\/image-10.png\" alt=\"\" class=\"wp-image-715\" srcset=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/02\/image-10.png 493w, https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/02\/image-10-300x89.png 300w\" sizes=\"(max-width: 493px) 100vw, 493px\" \/><\/figure>\n\n\n\n<p>Obs: Por quest\u00f5es de seguran\u00e7a no nosso c\u00f3digo os vetores tem que ser inseridos dentro de constantes ou dependendo da situa\u00e7\u00e3o podemos utilizar tamb\u00e9m o <strong>let<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Acesso a Elementos<\/strong><\/h2>\n\n\n\n<p>Voc\u00ea pode acessar elementos individuais de um vetor usando seus \u00edndices, que come\u00e7am em 0 para o primeiro elemento e continuam at\u00e9 o tamanho do vetor menos um.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"446\" height=\"195\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/02\/image-12.png\" alt=\"\" class=\"wp-image-717\" srcset=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/02\/image-12.png 446w, https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/02\/image-12-300x131.png 300w\" sizes=\"(max-width: 446px) 100vw, 446px\" \/><\/figure>\n\n\n\n<p>O tamanho de um vetor JavaScript e tamb\u00e9m os tipos de elementos n\u00e3o s\u00e3o fixos. J\u00e1 que o tamanho de um vetor pode ser alterado a qualquer momento e os dados podem ser armazenados em posi\u00e7\u00f5es n\u00e3o sequenciais, por\u00e9m n\u00e3o podemos esquecer que o vetor se inicia no \u00edndice 0.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Adicionar Elementos<\/strong><\/h2>\n\n\n\n<p> Para adicionar novos elementos a um vetor usamos o m\u00e9todo <code><strong>push()<\/strong><\/code>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"148\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/02\/image-13.png\" alt=\"\" class=\"wp-image-718\" srcset=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/02\/image-13.png 660w, https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/02\/image-13-300x67.png 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Remover Elementos<\/strong><\/h2>\n\n\n\n<p>Para remover elementos de um vetor usamos o m\u00e9todo <code><strong>pop()<\/strong><\/code>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"516\" height=\"157\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/02\/image-14.png\" alt=\"\" class=\"wp-image-719\" srcset=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/02\/image-14.png 516w, https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/02\/image-14-300x91.png 300w\" sizes=\"(max-width: 516px) 100vw, 516px\" \/><\/figure>\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 17: Introdu\u00e7\u00e3o aos Vetores em JavaScript\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/nQxS2ZRnPgQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclus\u00e3o<\/strong><\/h2>\n\n\n\n<p>Os vetores s\u00e3o estruturas de dados poderosas e vers\u00e1teis em JavaScript, essenciais para organizar e manipular cole\u00e7\u00f5es de elementos. Compreender como usar vetores \u00e9 fundamental para qualquer programador JavaScript, pois eles s\u00e3o amplamente utilizados em uma variedade de contextos. Continue praticando e experimentando com vetores em seus projetos para aprimorar suas habilidades de programa\u00e7\u00e3o em JavaScript.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Os vetores, tamb\u00e9m conhecidos como arrays em JavaScript, s\u00e3o estruturas de dados fundamentais que permitem armazenar e manipular cole\u00e7\u00f5es de elementos de forma eficiente. Neste artigo, vamos explorar o conceito de vetores em JavaScript, entender sua sintaxe b\u00e1sica, opera\u00e7\u00f5es comuns e exemplos pr\u00e1ticos de uso. Em termos simples, um vetor \u00e9 uma cole\u00e7\u00e3o ordenada de elementos. Em JavaScript, os vetores podem conter qualquer tipo de dados, como n\u00fameros, strings, objetos e at\u00e9 mesmo outros vetores. Eles s\u00e3o muito vers\u00e1teis e amplamente utilizados em programa\u00e7\u00e3o para organizar dados de forma estruturada e acess\u00edvel. A sintaxe b\u00e1sica para criar um vetor em JavaScript \u00e9 a seguinte: Obs: Por quest\u00f5es de seguran\u00e7a no nosso c\u00f3digo os vetores tem que ser inseridos dentro de constantes ou dependendo da situa\u00e7\u00e3o podemos utilizar tamb\u00e9m o let. Acesso a Elementos Voc\u00ea pode acessar elementos individuais de um vetor usando seus \u00edndices, que come\u00e7am em 0 para o primeiro elemento e continuam at\u00e9 o tamanho do vetor menos um. O tamanho de um vetor JavaScript e tamb\u00e9m os tipos de elementos n\u00e3o s\u00e3o fixos. J\u00e1 que o tamanho de um vetor pode ser alterado a qualquer momento e os dados podem ser armazenados em posi\u00e7\u00f5es n\u00e3o sequenciais, por\u00e9m n\u00e3o podemos esquecer que o vetor se inicia no \u00edndice 0. Adicionar Elementos Para adicionar novos elementos a um vetor usamos o m\u00e9todo push(). Remover Elementos Para remover elementos de um vetor usamos o m\u00e9todo pop(). Conclus\u00e3o Os vetores s\u00e3o estruturas de dados poderosas e vers\u00e1teis em JavaScript, essenciais para organizar e manipular cole\u00e7\u00f5es de elementos. Compreender como usar vetores \u00e9 fundamental para qualquer programador JavaScript, pois eles s\u00e3o amplamente utilizados em uma variedade de contextos. Continue praticando e experimentando com vetores em seus projetos para aprimorar suas habilidades de programa\u00e7\u00e3o em JavaScript.<\/p>\n","protected":false},"author":1,"featured_media":999,"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":[15],"tags":[],"_links":{"self":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/292"}],"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=292"}],"version-history":[{"count":9,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/292\/revisions"}],"predecessor-version":[{"id":1001,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/292\/revisions\/1001"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/media\/999"}],"wp:attachment":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=292"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=292"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}