{"id":10584,"date":"2023-10-28T17:57:02","date_gmt":"2023-10-28T20:57:02","guid":{"rendered":"https:\/\/www.homehost.com.br\/blog\/?p=10584"},"modified":"2024-04-12T18:42:04","modified_gmt":"2024-04-12T21:42:04","slug":"array-javascript","status":"publish","type":"post","link":"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/","title":{"rendered":"Array JavaScript: como manipular vetores"},"content":{"rendered":"\n<p>Neste artigo, iniciamos uma jornada para compreender e dominar os elementos essenciais para compreender Array JavaScript.&nbsp;<\/p>\n\n\n\n<p><strong>Resumidamente, um Array \u00e9 uma vari\u00e1vel que guarda v\u00e1rios elementos.<\/strong><\/p>\n\n\n\n<p>Uma estrutura de dados vers\u00e1til que permite organizar e manipular conjuntos de informa\u00e7\u00f5es com agilidade e efici\u00eancia.\u00a0<\/p>\n\n\n\n<p>Artigos relacionados:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-splice\/\">JavaScript\u00a0Splice: adicionando e removendo elementos<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/\">JavaScript\u00a0.length: fun\u00e7\u00e3o ou n\u00e3o fun\u00e7\u00e3o?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/split-javascript\/\">Split JavaScript: dividir uma string em array<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/\">Filter JavaScript: filtrando e gerindo dados<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/for-javascript\/\">For JavaScript: como usar esse la\u00e7o de repeti\u00e7\u00e3o<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/if-javascript\/\">If JavaScript: O que \u00e9 e como funciona?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/else-if-javascript\/\">Else if JavaScript: Como usar?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/dom-javascript\/\">DOM JavaScript: O que \u00e9 e como funciona?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/while-javascript\/\">While JavaScript: um guia completo<\/a><\/li>\n<\/ul>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Conte\u00fado<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#O_que_e_Array_JavaScript\" title=\"O que \u00e9 Array JavaScript?\">O que \u00e9 Array JavaScript?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#1_Declarar_e_inicializar\" title=\"1. Declarar e inicializar\">1. Declarar e inicializar<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#2_Indices_e_Acesso_a_Elementos\" title=\"2. \u00cdndices e Acesso a Elementos\">2. \u00cdndices e Acesso a Elementos<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#3_Tamanho_do_Array\" title=\"3. Tamanho do Array\">3. Tamanho do Array<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#4_Manipulacao_de_Elementos\" title=\"4. Manipula\u00e7\u00e3o de Elementos\">4. Manipula\u00e7\u00e3o de Elementos<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#5_Iteracao_atraves_de_um_Array\" title=\"5. Itera\u00e7\u00e3o atrav\u00e9s de um Array\">5. Itera\u00e7\u00e3o atrav\u00e9s de um Array<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#Manipulando_Elementos_Insercao_Acesso_e_Modificacao_em_Array_JavaScript\" title=\"Manipulando Elementos: Inser\u00e7\u00e3o, Acesso e Modifica\u00e7\u00e3o em Array JavaScript\">Manipulando Elementos: Inser\u00e7\u00e3o, Acesso e Modifica\u00e7\u00e3o em Array JavaScript<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#Insercao_em_Arrays\" title=\"Inser\u00e7\u00e3o em Arrays\">Inser\u00e7\u00e3o em Arrays<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#Acesso_em_Arrays\" title=\"Acesso em Arrays\">Acesso em Arrays<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#Modificacao_em_Arrays\" title=\"Modifica\u00e7\u00e3o em Arrays\">Modifica\u00e7\u00e3o em Arrays<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#Metodos_para_Organizar_Dados_em_Array_JavaScript\" title=\"M\u00e9todos para Organizar Dados em Array JavaScript\">M\u00e9todos para Organizar Dados em Array JavaScript<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#1_sort\" title=\"1. sort()\">1. sort()<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#2_reverse\" title=\"2. reverse()\">2. reverse()<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#3_concat\" title=\"3. concat()\">3. concat()<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#4_slice\" title=\"4. slice()\">4. slice()<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#5_splice\" title=\"5. splice()\">5. splice()<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#Desvendando_a_Potencia_dos_Arrays_Multi-dimensionais_em_JavaScript\" title=\"Desvendando a Pot\u00eancia dos Arrays Multi-dimensionais em JavaScript\">Desvendando a Pot\u00eancia dos Arrays Multi-dimensionais em JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#Alternativas_em_JavaScript_para_os_arrays\" title=\"Alternativas em JavaScript para os arrays\">Alternativas em JavaScript para os arrays<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/aq8EIC3wAX6Bd5-f38pYMoXSbS83QPLE4vIvWoHvHNj9UA_vqCAF7OeEJgA0dz1rPKkcfw1V0XNnuviTqS5m2pl0Fl0GO8uYqnD4qDieal27IUzMO1PnpPDe7UOa4d5P4HtvVqvaMcZJmw_5K8mgOdY\" alt=\"array javascript\" width=\"1260\" height=\"630\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"O_que_e_Array_JavaScript\"><\/span>O que \u00e9 Array JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>Um &#8220;Array&#8221; em JavaScript \u00e9 uma estrutura de dados fundamental que permite armazenar e organizar elementos relacionados de maneira eficiente.<\/strong> Ele pode conter v\u00e1rios valores, como n\u00fameros, strings ou objetos, e esses valores s\u00e3o organizados em uma lista ordenada.&nbsp;<\/p>\n\n\n\n<p>Vamos explorar os componentes essenciais de um Array em JavaScript de forma did\u00e1tica:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Declarar_e_inicializar\"><\/span>1. Declarar e inicializar<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Para criar um Array,<\/strong> voc\u00ea o declara usando a palavra-chave `let` ou `const`, seguida pelo nome que voc\u00ea deseja dar ao Array. Em seguida, voc\u00ea atribui uma lista de elementos entre colchetes `[]` para inicializar o Array.<\/p>\n\n\n\n<p><strong>&nbsp;&nbsp;&nbsp;Exemplo:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&nbsp;&nbsp;&nbsp;let numeros = &#091;1, 2, 3, 4, 5];<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Indices_e_Acesso_a_Elementos\"><\/span>2. \u00cdndices e Acesso a Elementos<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Cada elemento dentro do Array \u00e9 associado a um \u00edndice,<\/strong> que come\u00e7a em 0 para o primeiro elemento. Voc\u00ea pode, assim, acessar um elemento espec\u00edfico usando seu \u00edndice entre colchetes ap\u00f3s o nome do Array.<\/p>\n\n\n\n<p><strong>&nbsp;&nbsp;&nbsp;Exemplo:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&nbsp;&nbsp;&nbsp;let terceiroNumero = numeros&#091;2]; \/\/ Retorna o terceiro elemento (\u00edndice 2) do Array<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Tamanho_do_Array\"><\/span>3. Tamanho do Array<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>O tamanho de um Array \u00e9 o n\u00famero de elementos que ele cont\u00e9m.<\/strong> Voc\u00ea pode obter o tamanho usando a propriedade `length`.<\/p>\n\n\n\n<p><strong>&nbsp;&nbsp;&nbsp;Exemplo:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&nbsp;&nbsp;&nbsp;let tamanho = numeros.length; \/\/ Retorna o tamanho do Array \"numeros\"<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Manipulacao_de_Elementos\"><\/span>4. Manipula\u00e7\u00e3o de Elementos<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Voc\u00ea pode adicionar, remover ou modificar elementos em um Array.<\/strong> Para adicionar elementos, voc\u00ea pode usar o m\u00e9todo <strong>`push()`<\/strong>. Para remover elementos, o m\u00e9todo <strong>`pop()`<\/strong> \u00e9 comum. Dessa forma, para modificar um elemento existente, simplesmente atribua um novo valor ao \u00edndice correspondente.<\/p>\n\n\n\n<p><strong>&nbsp;&nbsp;&nbsp;Exemplo:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>numeros.push(6); \/\/ Adiciona o n\u00famero 6 ao final do Array\n\n&nbsp;&nbsp;&nbsp;numeros.pop(); &nbsp; \/\/ Remove o \u00faltimo elemento do Array\n\n&nbsp;&nbsp;&nbsp;numeros&#091;0] = 10; \/\/ Modifica o primeiro elemento para 10<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Iteracao_atraves_de_um_Array\"><\/span>5. Itera\u00e7\u00e3o atrav\u00e9s de um Array<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Para percorrer todos os elementos de um Array, voc\u00ea pode usar loops,<\/strong> como o loop <strong><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/for-javascript\/\">`for`<\/a><\/strong> ou o m\u00e9todo <strong><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/foreach-javascript\/\">`forEach()`<\/a><\/strong>. Isso permite que voc\u00ea execute uma determinada a\u00e7\u00e3o em cada elemento.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">&nbsp;&nbsp;&nbsp;Exemplo usando <code>`for`<\/code>:<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>for (let i = 0; i &lt; numeros.length; i++) {\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(numeros&#091;i]);\n\n&nbsp;&nbsp;&nbsp;}<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">&nbsp;&nbsp;&nbsp;Exemplo usando <code>`forEach()`<\/code>:<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>numeros.forEach(function(numero) {\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(numero);\n\n&nbsp;&nbsp;&nbsp;});<\/code><\/pre>\n\n\n\n<p>Um Array JavaScript permite que voc\u00ea <strong>armazene e manipule conjuntos de dados de maneira eficiente.<\/strong>&nbsp;<\/p>\n\n\n\n<p>Com a compreens\u00e3o desses componentes, portanto, voc\u00ea estar\u00e1 pronto para come\u00e7ar a trabalhar com <code>Arrays<\/code> em seus projetos de programa\u00e7\u00e3o.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Manipulando_Elementos_Insercao_Acesso_e_Modificacao_em_Array_JavaScript\"><\/span>Manipulando Elementos: Inser\u00e7\u00e3o, Acesso e Modifica\u00e7\u00e3o em Array JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><code>Arrays<\/code> s\u00e3o estruturas de dados amplamente utilizadas na programa\u00e7\u00e3o para organizar e manipular dados de forma eficiente, conforme o que dissemos anteriormente. Eles possuem tr\u00eas conceitos fundamentais e exploraremos logo abaixo:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Insercao_em_Arrays\"><\/span>Inser\u00e7\u00e3o em Arrays<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>A inser\u00e7\u00e3o em arrays envolve adicionar um novo elemento ao conjunto de elementos j\u00e1 existentes.<\/strong> Para isso, voc\u00ea precisa especificar a posi\u00e7\u00e3o onde deseja inserir o elemento e, em seguida, ajustar os elementos existentes, se necess\u00e1rio. Existem duas abordagens comuns para inser\u00e7\u00e3o:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Inser\u00e7\u00e3o no Final:<\/strong> adicionar um elemento no final do <code>array<\/code> \u00e9 a forma mais simples. Voc\u00ea simplesmente aumenta o tamanho do <code>array<\/code> e coloca o novo elemento na \u00faltima posi\u00e7\u00e3o;<\/li>\n\n\n\n<li><strong>Inser\u00e7\u00e3o em Posi\u00e7\u00e3o Espec\u00edfica:<\/strong> aqui, voc\u00ea define a posi\u00e7\u00e3o desejada para o novo elemento e desloca os elementos posteriores para abrir espa\u00e7o. Em seguida, insere o novo elemento na posi\u00e7\u00e3o especificada.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Inser\u00e7\u00e3o no Final<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>let numeros = &#091;1, 2, 3, 4];\n\nnumeros.push(5); \/\/ Adiciona o n\u00famero 5 no final do array\n\nconsole.log(numeros); \/\/ Sa\u00edda: &#091;1, 2, 3, 4, 5]<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Inser\u00e7\u00e3o em Posi\u00e7\u00e3o Espec\u00edfica<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>let frutas = &#091;'ma\u00e7\u00e3', 'banana', 'laranja'];\n\nfrutas.splice(1, 0, 'uva'); \/\/ Insere 'uva' na posi\u00e7\u00e3o 1\n\nconsole.log(frutas); \/\/ Sa\u00edda: &#091;'ma\u00e7\u00e3', 'uva', 'banana', 'laranja']<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Acesso_em_Arrays\"><\/span>Acesso em Arrays<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Acesso envolve recuperar um elemento espec\u00edfico de um array.<\/strong> Comumente, cada elemento em um array \u00e9 associado a um \u00edndice num\u00e9rico, que come\u00e7a em zero para o primeiro elemento. Para acessar um elemento:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>let carros = &#091;'Ford', 'Chevrolet', 'Toyota', 'Honda'];\n\nlet terceiroCarro = carros&#091;2]; \/\/ Acessa o terceiro elemento (\u00edndice 2)\n\nconsole.log(terceiroCarro); \/\/ Sa\u00edda: 'Toyota'<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Modificacao_em_Arrays\"><\/span>Modifica\u00e7\u00e3o em Arrays<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Modifica\u00e7\u00e3o refere-se \u00e0 altera\u00e7\u00e3o de um elemento existente em um array.<\/strong> Para modificar um elemento:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>let cores = &#091;'vermelho', 'verde', 'azul'];\n\ncores&#091;1] = 'amarelo'; \/\/ Modifica o segundo elemento para 'amarelo'\n\nconsole.log(cores); \/\/ Sa\u00edda: &#091;'vermelho', 'amarelo', 'azul']\n\nVoc\u00ea seleciona o \u00edndice do elemento que deseja modificar.\n\nSubstitui o valor do elemento pelo novo valor desejado.<\/code><\/pre>\n\n\n\n<p><strong>Voc\u00ea pode copiar e colar esses exemplos de c\u00f3digo em um arquivo <code>`.py`<\/code> e execut\u00e1-los para testar cada um dos m\u00e9todos.<\/strong> Portanto, certifique-se de entender como cada m\u00e9todo funciona e como eles afetam o <code>array<\/code>.&nbsp;<\/p>\n\n\n\n<p>No entanto, que diferentes linguagens de programa\u00e7\u00e3o podem ter sintaxes ligeiramente diferentes. Mas <strong>os conceitos b\u00e1sicos de inser\u00e7\u00e3o, acesso e modifica\u00e7\u00e3o em arrays permanecem os mesmos<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Metodos_para_Organizar_Dados_em_Array_JavaScript\"><\/span>M\u00e9todos para Organizar Dados em Array JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Existem v\u00e1rios m\u00e9todos dispon\u00edveis em JavaScript que permitem organizar os dados dentro de um array de maneira eficaz. Explicamos alguns dos mais importantes:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_sort\"><\/span>1. <code>sort()<\/code><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>O m\u00e9todo <code>sort()<\/code> \u00e9 utilizado para ordenar os elementos de um array em ordem alfab\u00e9tica (ou num\u00e9rica).<\/strong> Ele altera o array original e retorna o array ordenado. Por padr\u00e3o, ele ordena os elementos como strings, portanto, \u00e9 importante fornecer uma fun\u00e7\u00e3o de compara\u00e7\u00e3o se voc\u00ea estiver lidando com n\u00fameros. <\/p>\n\n\n\n<p>Por exemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const numeros = &#091;5, 2, 8, 1, 3];\n\nnumeros.sort(); \/\/ Ordena os n\u00fameros em ordem alfab\u00e9tica\n\nconsole.log(numeros); \/\/ Sa\u00edda: &#091;1, 2, 3, 5, 8]<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_reverse\"><\/span>2. <code>reverse()<\/code><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>O m\u00e9todo <code>reverse() <\/code>inverte a ordem dos elementos em um array.<\/strong> O primeiro elemento se torna o \u00faltimo e o \u00faltimo se torna o primeiro. Ele tamb\u00e9m modifica, assim, o array original. Exemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const frutas = &#091;'ma\u00e7\u00e3', 'banana', 'laranja'];\n\nfrutas.reverse(); \/\/ Inverte a ordem das frutas\n\nconsole.log(frutas); \/\/ Sa\u00edda: &#091;'laranja', 'banana', 'ma\u00e7\u00e3']<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_concat\"><\/span>3. <code>concat()<\/code><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>O m\u00e9todo <code>concat() <\/code>\u00e9 usado para combinar dois ou mais arrays em um \u00fanico array.<\/strong> Ele n\u00e3o modifica os arrays originais, mas retorna um novo array contendo todos os elementos dos arrays combinados. Por exemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const array1 = &#091;1, 2, 3];\n\nconst array2 = &#091;4, 5, 6];\n\nconst combinado = array1.concat(array2);\n\nconsole.log(combinado); \/\/ Sa\u00edda: &#091;1, 2, 3, 4, 5, 6]<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_slice\"><\/span>4. <code>slice()<\/code><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>O m\u00e9todo <code>slice()<\/code> cria uma c\u00f3pia superficial de parte de um <code>array<\/code> existente.<\/strong> Voc\u00ea pode especificar os \u00edndices de in\u00edcio e fim para selecionar os elementos que deseja copiar. O <code>array<\/code> original n\u00e3o \u00e9 modificado. Por exemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const numeros = &#091;1, 2, 3, 4, 5];\n\nconst copia = numeros.slice(1, 4); \/\/ Copia os elementos do \u00edndice 1 ao 3 (n\u00e3o inclu\u00eddo)\n\nconsole.log(copia); \/\/ Sa\u00edda: &#091;2, 3, 4]<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_splice\"><\/span>5. <code>splice()<\/code><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>O m\u00e9todo <code>splice()<\/code> \u00e9 usado para adicionar, remover ou substituir elementos em um array. <\/strong>Ele modifica o array original e pode ser bastante flex\u00edvel para manipular os dados de forma precisa. Exemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const animais = &#091;'cachorro', 'gato', 'elefante', 'le\u00e3o'];\n\nanimais.splice(1, 2); \/\/ Remove 2 elementos a partir do \u00edndice 1\n\nconsole.log(animais); \/\/ Sa\u00edda: &#091;'cachorro', 'le\u00e3o']<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Desvendando_a_Potencia_dos_Arrays_Multi-dimensionais_em_JavaScript\"><\/span>Desvendando a Pot\u00eancia dos Arrays Multi-dimensionais em JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>O termo &#8220;array multi-dimensional&#8221; se refere a uma estrutura de dados em que um array cont\u00e9m outros arrays como seus elementos.<\/strong> Isso cria uma organiza\u00e7\u00e3o em forma de matriz, em que cada elemento \u00e9 acessado por meio de <a href=\"https:\/\/pt.wikipedia.org\/wiki\/%C3%8Dndice_m%C3%BAltiplo\">\u00edndices m\u00faltiplos<\/a>.&nbsp;<\/p>\n\n\n\n<p>Os principais elementos envolvidos em um array multi-dimensional s\u00e3o:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Array Principal:<\/strong> \u00e9 o array que cont\u00e9m os subarrays. \u00c9 como o recipiente geral que mant\u00e9m os subarrays organizados;<\/li>\n\n\n\n<li><strong>Subarrays:<\/strong> s\u00e3o arrays individuais que est\u00e3o contidos no array principal. Eles formam as linhas ou colunas da matriz, dependendo da perspectiva;<\/li>\n\n\n\n<li><strong>\u00cdndices M\u00faltiplos:<\/strong> para acessar elementos em um array multi-dimensional, voc\u00ea usa \u00edndices m\u00faltiplos. No caso de um array bidimensional, voc\u00ea precisa de dois \u00edndices: um para a linha e outro para a coluna.<\/li>\n<\/ul>\n\n\n\n<p>Por exemplo, considere uma matriz bidimensional que representa uma grade de n\u00fameros:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const matriz = &#091;\n\n&nbsp;&nbsp;&#091;1, 2, 3],\n\n&nbsp;&nbsp;&#091;4, 5, 6],\n\n&nbsp;&nbsp;&#091;7, 8, 9]\n\n];<\/code><\/pre>\n\n\n\n<p>Assim, nesse exemplo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>O &#8220;array principal&#8221; \u00e9 a vari\u00e1vel matriz;<\/li>\n\n\n\n<li>Os &#8220;subarrays&#8221; s\u00e3o <code>[1, 2, 3], [4, 5, 6] e [7, 8, 9]<\/code>;<\/li>\n\n\n\n<li>Os \u201c\u00edndices m\u00faltiplos\u201d s\u00e3o usados para acessar elementos. Por exemplo, matriz[1][2] para acessar o elemento na segunda linha e terceira coluna (que \u00e9 6).<\/li>\n<\/ul>\n\n\n\n<p><strong>Em resumo, um array multi-dimensional \u00e9 uma cole\u00e7\u00e3o de arrays dentro de um \u00fanico array.<\/strong> Ele permite a cria\u00e7\u00e3o de estruturas de dados mais complexas, como matrizes ou tabelas. Cada subarray representa uma linha ou coluna, e voc\u00ea usa \u00edndices m\u00faltiplos para acessar os elementos.<\/p>\n\n\n\n<p>Abaixo damos exemplos visualmente mais diretos:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Criando um Array Multi-dimensional<\/h3>\n\n\n\n<p>Aqui est\u00e1 um exemplo de como criar uma matriz bidimensional (uma matriz de matrizes):<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const matriz = &#091;\n\n&nbsp;&nbsp;&#091;1, 2, 3],\n\n&nbsp;&nbsp;&#091;4, 5, 6],\n\n&nbsp;&nbsp;&#091;7, 8, 9]\n\n];\n\nconsole.log(matriz&#091;0]&#091;0]); \/\/ Acessando o elemento na primeira linha e primeira coluna (sa\u00edda: 1)\n\nconsole.log(matriz&#091;1]&#091;2]); \/\/ Acessando o elemento na segunda linha e terceira coluna (sa\u00edda: 6)<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">2. Percorrendo um Array Multi-dimensional<\/h3>\n\n\n\n<p>Voc\u00ea pode <strong>usar loops aninhados<\/strong> para percorrer um array multi-dimensional. Por exemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const matriz = &#091;\n\n&nbsp;&nbsp;&#091;1, 2, 3],\n\n&nbsp;&nbsp;&#091;4, 5, 6],\n\n&nbsp;&nbsp;&#091;7, 8, 9]\n\n];\n\nfor (let i = 0; i &lt; matriz.length; i++) {\n\n&nbsp;&nbsp;for (let j = 0; j &lt; matriz&#091;i].length; j++) {\n\n&nbsp;&nbsp;&nbsp;&nbsp;console.log(matriz&#091;i]&#091;j]);\n\n&nbsp;&nbsp;}\n\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">3. Manipulando Valores em um Array Multi-dimensional<\/h3>\n\n\n\n<p>Voc\u00ea pode <strong>alterar valores em um array multi-dimensional<\/strong> da mesma forma que faria em um array uni-dimensional:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const matriz = &#091;\n\n&nbsp;&nbsp;&#091;1, 2, 3],\n\n&nbsp;&nbsp;&#091;4, 5, 6],\n\n&nbsp;&nbsp;&#091;7, 8, 9]\n\n];\n\nmatriz&#091;1]&#091;1] = 99; \/\/ Alterando o valor na segunda linha e segunda coluna\n\nconsole.log(matriz);\n\n\/* Sa\u00edda:\n\n&#091;\n\n&nbsp;&nbsp;&#091;1, 2, 3],\n\n&nbsp;&nbsp;&#091;4, 99, 6],\n\n&nbsp;&nbsp;&#091;7, 8, 9]\n\n]\n\n*\/<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">4. Arrays Multi-dimensionais Irregulares<\/h3>\n\n\n\n<p>Arrays multi-dimensionais <strong>n\u00e3o precisam ter o mesmo n\u00famero de elementos<\/strong> em cada subarray:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const irregular = &#091;\n\n&nbsp;&nbsp;&#091;1, 2],\n\n&nbsp;&nbsp;&#091;3, 4, 5],\n\n&nbsp;&nbsp;&#091;6]\n\n];\n\nconsole.log(irregular&#091;1]&#091;2]); \/\/ Acessando o elemento na segunda linha e terceira coluna (sa\u00edda: 5)<\/code><\/pre>\n\n\n\n<p>Esses exemplos, portanto, devem ajudar voc\u00ea a entender melhor como trabalhar com arrays multi-dimensionais em JavaScript. Lembre-se de <a href=\"https:\/\/www.apptuts.net\/tutorial\/web\/escrever-testar-codigos-programacao\/\">testar os c\u00f3digos<\/a> em um ambiente JavaScript para ver os resultados.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Alternativas_em_JavaScript_para_os_arrays\"><\/span>Alternativas em JavaScript para os arrays<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Al\u00e9m dos <code>arrays<\/code>, o JavaScript oferece outras estruturas de dados que podem ser utilizadas para diferentes finalidades. Por exemplo:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Objetos<\/h3>\n\n\n\n<p><strong>Os objetos em JavaScript permitem armazenar pares chave-valor, onde as chaves s\u00e3o <code>strings<\/code> que funcionam como \u00edndices \u00fanicos.<\/strong> Eles s\u00e3o excelentes para representar cole\u00e7\u00f5es de propriedades e valores associados. Por exemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>let pessoa = {\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;nome: \"Jo\u00e3o\",\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;idade: 30,\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;profissao: \"Engenheiro\"\n\n&nbsp;&nbsp;&nbsp;};<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">2. Mapas<\/h3>\n\n\n\n<p><strong>Os mapas s\u00e3o semelhantes a objetos, mas t\u00eam maior flexibilidade nas chaves.<\/strong> Eles podem usar qualquer tipo de dado como chave e mant\u00eam a ordem de inser\u00e7\u00e3o, o que pode ser \u00fatil em muitos cen\u00e1rios.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>let mapa = new Map();\n\n&nbsp;&nbsp;&nbsp;mapa.set(\"chave1\", \"valor1\");\n\n&nbsp;&nbsp;&nbsp;mapa.set(42, \"valor2\");<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">3. Conjuntos (Sets)<\/h3>\n\n\n\n<p><strong>Os conjuntos permitem armazenar valores \u00fanicos e n\u00e3o duplicados.<\/strong> Eles podem ser \u00fateis quando voc\u00ea precisa manter uma cole\u00e7\u00e3o de itens distintos.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>let conjunto = new Set();\n\n&nbsp;&nbsp;&nbsp;conjunto.add(10);\n\n&nbsp;&nbsp;&nbsp;conjunto.add(\"texto\");\n\n&nbsp;&nbsp;&nbsp;conjunto.add(10); \/\/ N\u00e3o ser\u00e1 duplicado<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">4. Pilhas (Stacks)<\/h3>\n\n\n\n<p><strong>Pilhas s\u00e3o estruturas de dados <code>LIFO (Last In, First Out)<\/code>, onde o \u00faltimo elemento adicionado \u00e9 o primeiro a ser removido.<\/strong> Voc\u00ea pode implementar uma pilha utilizando arrays.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>let pilha = &#091;];\n\n&nbsp;&nbsp;&nbsp;pilha.push(1);\n\n&nbsp;&nbsp;&nbsp;pilha.push(2);\n\n&nbsp;&nbsp;&nbsp;let topo = pilha.pop(); \/\/ Retorna 2 (\u00faltimo elemento adicionado)<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">5. Filas (Queues)<\/h3>\n\n\n\n<p><strong>Filas s\u00e3o estruturas de dados <code>FIFO (First In, First Out)<\/code>, onde o primeiro elemento adicionado \u00e9 o primeiro a ser removido.<\/strong> Assim como as pilhas, voc\u00ea pode implementar filas utilizando arrays.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>let fila = &#091;];\n\n&nbsp;&nbsp;&nbsp;fila.push(\"A\");\n\n&nbsp;&nbsp;&nbsp;fila.push(\"B\");\n\n&nbsp;&nbsp;&nbsp;let primeiro = fila.shift(); \/\/ Retorna \"A\" (primeiro elemento adicionado)<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">6. Matrizes Esparsas<\/h3>\n\n\n\n<p><strong>Se voc\u00ea precisa lidar com matrizes muito grandes com muitos elementos vazios, pode considerar matrizes esparsas.<\/strong> Elas economizam espa\u00e7o, armazenando apenas valores n\u00e3o padr\u00e3o.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>let matrizEsparsa = &#091;];\n\n&nbsp;&nbsp;&nbsp;matrizEsparsa&#091;10] = &#091;];\n\n&nbsp;&nbsp;&nbsp;matrizEsparsa&#091;10]&#091;5] = 42;<\/code><\/pre>\n\n\n\n<p>Lembre-se de que <strong>a escolha da estrutura de dados depende das necessidades do seu projeto<\/strong>. Dessa forma, cada uma dessas alternativas tem suas vantagens e limita\u00e7\u00f5es. Ent\u00e3o escolha aquela que melhor se adapta aos requisitos espec\u00edficos do seu c\u00f3digo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p>Explorar a manipula\u00e7\u00e3o de dados por meio de Array JavaScript \u00e9 uma jornada essencial para qualquer programador.&nbsp;<\/p>\n\n\n\n<p>Esses componentes oferecem uma <strong>maneira eficaz e vers\u00e1til de organizar e operar com conjuntos de informa\u00e7\u00f5es.<\/strong><\/p>\n\n\n\n<p>Em conclus\u00e3o, os Arrays JavaScript s\u00e3o ferramentas poderosas e vers\u00e1teis que desempenham um papel fundamental na programa\u00e7\u00e3o. Eles permitem armazenar, organizar e manipular dados de maneira eficiente.&nbsp;<\/p>\n\n\n\n<p><strong>Ao compreender os componentes essenciais dos Arrays,<\/strong> voc\u00ea estar\u00e1 pronto para explorar todo o potencial dessa estrutura em seus projetos de programa\u00e7\u00e3o. Compreendemos, ent\u00e3o, que a capacidade de declarar, acessar, manipular elementos e iterar atrav\u00e9s de Arrays \u00e9 um conhecimento essencial para qualquer desenvolvedor.&nbsp;<\/p>\n\n\n\n<p>Em suma, lembre-se de <strong>experimentar e praticar regularmente<\/strong> para aprimorar suas habilidades e tornar-se um programador mais habilidoso.<\/p>\n\n\n\n<p>Considere aprender mais sobre <a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/php\/php-array\/\">Array em PHP<\/a> para aprofundar seus conhecimentos, leia nosso artigo ou visite nosso blog e conte\u00fados diversificados que possu\u00edmos.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Neste artigo, iniciamos uma jornada para compreender e dominar os elementos essenciais para compreender Array JavaScript.&nbsp; Resumidamente, um Array \u00e9 uma vari\u00e1vel que guarda v\u00e1rios elementos. Uma estrutura de dados vers\u00e1til que permite organizar e manipular conjuntos de informa\u00e7\u00f5es com agilidade e efici\u00eancia.\u00a0 Artigos relacionados: O que \u00e9 Array JavaScript? Um &#8220;Array&#8221; em JavaScript \u00e9 [&hellip;]<\/p>\n","protected":false},"author":31,"featured_media":10585,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_helpful_status":1,"_lmt_disableupdate":"","_lmt_disable":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6585],"tags":[],"class_list":["post-10584","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Array JavaScript: como manipular vetores | Homehost<\/title>\n<meta name=\"description\" content=\"Conhe\u00e7a o Array JavaScript, uma estrutura de dados que permite organizar e manipular conjuntos de informa\u00e7\u00f5es com agilidade e efici\u00eancia.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Array JavaScript: como manipular vetores | Homehost\" \/>\n<meta property=\"og:description\" content=\"Conhe\u00e7a o Array JavaScript, uma estrutura de dados que permite organizar e manipular conjuntos de informa\u00e7\u00f5es com agilidade e efici\u00eancia.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Homehost\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Homehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-28T20:57:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T21:42:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1260\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Daiana S\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Homehost\" \/>\n<meta name=\"twitter:site\" content=\"@Homehost\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daiana S\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/\",\"name\":\"Array JavaScript: como manipular vetores | Homehost\",\"isPartOf\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/2.png\",\"datePublished\":\"2023-10-28T20:57:02+00:00\",\"dateModified\":\"2024-04-12T21:42:04+00:00\",\"author\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689\"},\"description\":\"Conhe\u00e7a o Array JavaScript, uma estrutura de dados que permite organizar e manipular conjuntos de informa\u00e7\u00f5es com agilidade e efici\u00eancia.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#primaryimage\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/2.png\",\"contentUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/2.png\",\"width\":1260,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.homehost.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Array JavaScript: como manipular vetores\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/\",\"name\":\"Homehost\",\"description\":\"Hospedagem De Sites\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689\",\"name\":\"Daiana S\",\"description\":\"Graduada em Letras pelo Instituto Federal da Para\u00edba e especializada em reda\u00e7\u00e3o geral. Gosto de escrever sobre tudo e me dedico em v\u00e1rios n\u00edveis de expressividade. No geral, todos os meus hobbies giram em torno de escrever alguma coisa e fazer isso bem. Contato: daiana.blog@homehost.com.br\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Array JavaScript: como manipular vetores | Homehost","description":"Conhe\u00e7a o Array JavaScript, uma estrutura de dados que permite organizar e manipular conjuntos de informa\u00e7\u00f5es com agilidade e efici\u00eancia.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/","og_locale":"pt_BR","og_type":"article","og_title":"Array JavaScript: como manipular vetores | Homehost","og_description":"Conhe\u00e7a o Array JavaScript, uma estrutura de dados que permite organizar e manipular conjuntos de informa\u00e7\u00f5es com agilidade e efici\u00eancia.","og_url":"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/","og_site_name":"Homehost","article_publisher":"https:\/\/www.facebook.com\/Homehost\/","article_published_time":"2023-10-28T20:57:02+00:00","article_modified_time":"2024-04-12T21:42:04+00:00","og_image":[{"width":1260,"height":630,"url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/2.png","type":"image\/png"}],"author":"Daiana S","twitter_card":"summary_large_image","twitter_creator":"@Homehost","twitter_site":"@Homehost","twitter_misc":{"Escrito por":"Daiana S","Est. tempo de leitura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/","url":"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/","name":"Array JavaScript: como manipular vetores | Homehost","isPartOf":{"@id":"https:\/\/www.homehost.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#primaryimage"},"image":{"@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/2.png","datePublished":"2023-10-28T20:57:02+00:00","dateModified":"2024-04-12T21:42:04+00:00","author":{"@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689"},"description":"Conhe\u00e7a o Array JavaScript, uma estrutura de dados que permite organizar e manipular conjuntos de informa\u00e7\u00f5es com agilidade e efici\u00eancia.","breadcrumb":{"@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#primaryimage","url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/2.png","contentUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/2.png","width":1260,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.homehost.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Array JavaScript: como manipular vetores"}]},{"@type":"WebSite","@id":"https:\/\/www.homehost.com.br\/blog\/#website","url":"https:\/\/www.homehost.com.br\/blog\/","name":"Homehost","description":"Hospedagem De Sites","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689","name":"Daiana S","description":"Graduada em Letras pelo Instituto Federal da Para\u00edba e especializada em reda\u00e7\u00e3o geral. Gosto de escrever sobre tudo e me dedico em v\u00e1rios n\u00edveis de expressividade. No geral, todos os meus hobbies giram em torno de escrever alguma coisa e fazer isso bem. Contato: daiana.blog@homehost.com.br"}]}},"modified_by":"Daiana S","jetpack_featured_media_url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/2.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/10584","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=10584"}],"version-history":[{"count":7,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/10584\/revisions"}],"predecessor-version":[{"id":13939,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/10584\/revisions\/13939"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media\/10585"}],"wp:attachment":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=10584"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=10584"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=10584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}