{"id":1017,"date":"2024-05-05T17:38:09","date_gmt":"2024-05-05T20:38:09","guid":{"rendered":"https:\/\/desvendandoocodigo.com.br\/?p=1017"},"modified":"2024-05-05T18:17:03","modified_gmt":"2024-05-05T21:17:03","slug":"estruturas-de-dados-com-matrizes-em-javascript","status":"publish","type":"post","link":"https:\/\/desvendandoocodigo.com.br\/?p=1017","title":{"rendered":"Estruturas de Dados com Matrizes em JavaScript"},"content":{"rendered":"\n<p>As estruturas de dados desempenham um papel fundamental no desenvolvimento de software. Elas nos permitem organizar e manipular dados de maneira eficiente, facilitando a implementa\u00e7\u00e3o de algoritmos e a resolu\u00e7\u00e3o de problemas complexos. Uma estrutura de dados comumente utilizada \u00e9 a matriz, e quando se trata de JavaScript, ela se torna ainda mais poderosa devido \u00e0 flexibilidade e dinamismo da linguagem.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O que \u00e9 uma matriz em JavaScript?<\/h2>\n\n\n\n<p>Uma matriz, em termos simples, \u00e9 uma cole\u00e7\u00e3o ordenada de elementos. Em JavaScript, as matrizes s\u00e3o objetos que armazenam m\u00faltiplos valores em uma \u00fanica vari\u00e1vel. Esses valores podem ser de qualquer tipo de dados, inclusive outras matrizes, o que nos permite criar estruturas complexas e multidimensionais.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Declarando Matrizes em JavaScript<\/h2>\n\n\n\n<p>Declarar uma matriz em JavaScript \u00e9 simples. Voc\u00ea pode usar a sintaxe de colchetes para criar uma nova matriz e atribuir valores a ela:<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"388\" height=\"53\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/05\/image.png\" alt=\"\" class=\"wp-image-1018\" srcset=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/05\/image.png 388w, https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/05\/image-300x41.png 300w\" sizes=\"(max-width: 388px) 100vw, 388px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Tamb\u00e9m \u00e9 poss\u00edvel criar matrizes multidimensionais, ou seja, matrizes dentro de matrizes:<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"329\" height=\"117\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/05\/image-1.png\" alt=\"\" class=\"wp-image-1019\" srcset=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/05\/image-1.png 329w, https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/05\/image-1-300x107.png 300w\" sizes=\"(max-width: 329px) 100vw, 329px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Acesso e Manipula\u00e7\u00e3o de Elementos<\/h2>\n\n\n\n<p>Uma vez que tenhamos declarado uma matriz, podemos acessar e manipular seus elementos de v\u00e1rias maneiras. Por exemplo, para acessar um elemento espec\u00edfico, usamos sua posi\u00e7\u00e3o num\u00e9rica (\u00edndice) na matriz:<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"410\" height=\"200\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/05\/image-2.png\" alt=\"\" class=\"wp-image-1020\" srcset=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/05\/image-2.png 410w, https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/05\/image-2-300x146.png 300w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Podemos tamb\u00e9m alterar o valor de um elemento existente:<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"387\" height=\"240\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/05\/image-3.png\" alt=\"\" class=\"wp-image-1021\" srcset=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/05\/image-3.png 387w, https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/05\/image-3-300x186.png 300w\" sizes=\"(max-width: 387px) 100vw, 387px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Opera\u00e7\u00f5es com Matrizes<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p>JavaScript fornece uma variedade de m\u00e9todos embutidos para trabalhar com matrizes. Podemos adicionar elementos a uma matriz, remover elementos dela, concatenar matrizes e muito mais.<\/p>\n\n\n\n<p>Por exemplo, para adicionar um elemento ao final de uma matriz, usamos o m\u00e9todo push():<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"385\" height=\"307\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/05\/image-4.png\" alt=\"\" class=\"wp-image-1022\" srcset=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/05\/image-4.png 385w, https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/05\/image-4-300x239.png 300w\" sizes=\"(max-width: 385px) 100vw, 385px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Para remover o \u00faltimo elemento de uma matriz, utilizamos o m\u00e9todo pop():<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"435\" height=\"330\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/05\/image-5.png\" alt=\"\" class=\"wp-image-1023\" srcset=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/05\/image-5.png 435w, https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/05\/image-5-300x228.png 300w\" sizes=\"(max-width: 435px) 100vw, 435px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Matrizes como Estruturas de Dados Complexas<\/h2>\n\n\n\n<p>As matrizes em JavaScript s\u00e3o extremamente vers\u00e1teis e podem ser utilizadas para representar uma variedade de estruturas de dados complexas. Por exemplo, podemos us\u00e1-las para representar grafos, tabelas, jogos e muito mais.<\/p>\n\n\n\n<p>Al\u00e9m disso, as matrizes multidimensionais s\u00e3o particularmente \u00fateis para representar dados tabulares ou gradeados, como mapas ou imagens.<\/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=\"Estruturas de Dados com Matrizes em JavaScript | Vetor e Matriz\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/5QQuKdPc5xA?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\n\n\n<pre class=\"wp-block-code\"><code><strong>HTML<\/strong>\n\n\n&lt;!DOCTYPE html&gt;\n&lt;html lang=\"pt-br\"&gt;\n&lt;head&gt;\n    &lt;meta charset=\"UTF-8\"&gt;\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n    &lt;title&gt;Matriz&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n        &lt;script&gt;\n            let alunos = &#91;\n                &#91;\"Jo\u00e3o\",  4, 7, 9],\n                &#91;\"Maria\", 7, 4, 8],\n                &#91;\"Pedro\", 9, 1, 7]\n            ]\n\n            console.log(alunos&#91;0]&#91;0] + \" 1\u00aa Nota: \" + alunos&#91;0]&#91;1] + \", 2\u00aa Nota: \" + alunos&#91;0]&#91;2] + \", 3\u00aa Nota: \" + alunos&#91;0]&#91;3]);\n            console.log(alunos&#91;1]&#91;0] + \" 1\u00aa Nota: \" + alunos&#91;1]&#91;1] + \", 2\u00aa Nota: \" + alunos&#91;1]&#91;2] + \", 3\u00aa Nota: \" + alunos&#91;1]&#91;3]);\n            console.log(alunos&#91;2]&#91;0] + \" 1\u00aa Nota: \" + alunos&#91;2]&#91;1] + \", 2\u00aa Nota: \" + alunos&#91;2]&#91;2] + \", 3\u00aa Nota: \" + alunos&#91;2]&#91;3]);\n\n            for(let i = 0; i &lt; alunos.length; i++){\n                let somaNotas = 0;\n\n                for(let j = 1; j &lt; alunos&#91;i].length; j++ ){\n                    somaNotas += alunos&#91;i]&#91;j];\n\n                }\n                let media = somaNotas \/ (alunos&#91;i].length - 1)\n                console.log(alunos&#91;i]&#91;0] + \" - M\u00e9dia \" + media.toFixed(2));\n\n            }\n        \n        &lt;\/script&gt;\n   \n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p>As matrizes s\u00e3o uma parte fundamental da programa\u00e7\u00e3o em JavaScript. Elas nos permitem organizar e manipular dados de forma eficiente, facilitando o desenvolvimento de aplicativos robustos e escal\u00e1veis. Com uma compreens\u00e3o s\u00f3lida de como trabalhar com matrizes, voc\u00ea estar\u00e1 bem equipado para enfrentar uma ampla gama de desafios de programa\u00e7\u00e3o.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>As estruturas de dados desempenham um papel fundamental no desenvolvimento de software. Elas nos permitem organizar e manipular dados de maneira eficiente, facilitando a implementa\u00e7\u00e3o de algoritmos e a resolu\u00e7\u00e3o de problemas complexos. Uma estrutura de dados comumente utilizada \u00e9 a matriz, e quando se trata de JavaScript, ela se torna ainda mais poderosa devido \u00e0 flexibilidade e dinamismo da linguagem. O que \u00e9 uma matriz em JavaScript? Uma matriz, em termos simples, \u00e9 uma cole\u00e7\u00e3o ordenada de elementos. Em JavaScript, as matrizes s\u00e3o objetos que armazenam m\u00faltiplos valores em uma \u00fanica vari\u00e1vel. Esses valores podem ser de qualquer tipo de dados, inclusive outras matrizes, o que nos permite criar estruturas complexas e multidimensionais. Declarando Matrizes em JavaScript Declarar uma matriz em JavaScript \u00e9 simples. Voc\u00ea pode usar a sintaxe de colchetes para criar uma nova matriz e atribuir valores a ela: Tamb\u00e9m \u00e9 poss\u00edvel criar matrizes multidimensionais, ou seja, matrizes dentro de matrizes: Acesso e Manipula\u00e7\u00e3o de Elementos Uma vez que tenhamos declarado uma matriz, podemos acessar e manipular seus elementos de v\u00e1rias maneiras. Por exemplo, para acessar um elemento espec\u00edfico, usamos sua posi\u00e7\u00e3o num\u00e9rica (\u00edndice) na matriz: Podemos tamb\u00e9m alterar o valor de um elemento existente: Opera\u00e7\u00f5es com Matrizes JavaScript fornece uma variedade de m\u00e9todos embutidos para trabalhar com matrizes. Podemos adicionar elementos a uma matriz, remover elementos dela, concatenar matrizes e muito mais. Por exemplo, para adicionar um elemento ao final de uma matriz, usamos o m\u00e9todo push(): Para remover o \u00faltimo elemento de uma matriz, utilizamos o m\u00e9todo pop(): Matrizes como Estruturas de Dados Complexas As matrizes em JavaScript s\u00e3o extremamente vers\u00e1teis e podem ser utilizadas para representar uma variedade de estruturas de dados complexas. Por exemplo, podemos us\u00e1-las para representar grafos, tabelas, jogos e muito mais. Al\u00e9m disso, as matrizes multidimensionais s\u00e3o particularmente \u00fateis para representar dados tabulares ou gradeados, como mapas ou imagens. Conclus\u00e3o As matrizes s\u00e3o uma parte fundamental da programa\u00e7\u00e3o em JavaScript. Elas nos permitem organizar e manipular dados de forma eficiente, facilitando o desenvolvimento de aplicativos robustos e escal\u00e1veis. Com uma compreens\u00e3o s\u00f3lida de como trabalhar com matrizes, voc\u00ea estar\u00e1 bem equipado para enfrentar uma ampla gama de desafios de programa\u00e7\u00e3o.<\/p>\n","protected":false},"author":1,"featured_media":1028,"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":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/1017"}],"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=1017"}],"version-history":[{"count":5,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/1017\/revisions"}],"predecessor-version":[{"id":1030,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/1017\/revisions\/1030"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/media\/1028"}],"wp:attachment":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1017"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1017"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}