Converter uma Matriz em em Texto

O método toString() converte uma matriz em uma sequência de valores de matriz, separados por vírgula.

var frutas = ["Banana", "Laranja", "Maçã", "Manga"];
var lista = frutas.toString(); // lista === "Banana,Laranja,Maçã,Manga"

O método join() também une todos os elementos da matriz em uma sequência.

Ele se comporta exatamente como toString(), mas além disso, você pode especificar o separador: 

var frutas = ["Banana", "Laranja", "Maçã", "Manga"];
var lista = document.getElementById("demo").innerHTML = frutas.join(" * ");
// lista === "Banana * Laranja * Maçã * Manga"

Empilhamento e Desempilhamento

Quando você trabalha com matrizes, é fácil adicionar e remover elementos, com o empilhamento e desempilhamento de literais e objetos na matriz.

Empilhar

O método push() adiciona um novo elemento no final de uma matriz:

var frutas = ["Banana", "Laranja", "Maçã", "Manga"];
frutas.push("Kiwi");   // Adiciona o novo elemento ("Kiwi") em frutas

O método push() retorna o novo comprimento da matriz:

var frutas = ["Banana", "Laranja", "Maçã", "Manga"];
var x = frutas.push("Kiwi");   //  x === 5

Desempilhar

O método pop() remove o último elemento de uma matriz: 

var frutas = ["Banana", "Laranja", "Maçã", "Manga"];
frutas.pop(); // Remove o último elemento ("Manga") de frutas

O método pop() retorna o valor "retirado":

var frutas = ["Banana", "Laranja", "Maçã", "Manga"];
var x = frutas.pop();   // x === "Manga"

Elementos de Deslocamento

Mudar é equivalente a aparecer, trabalhando no primeiro elemento em vez do último.

O método shift() remove o primeiro elemento da matriz e "muda" todos os outros elementos para um índice mais baixo.

var frutas = ["Banana", "Laranja", "Maçã", "Manga"];
frutas.shift(); // Remove o primeiro elemento "Banana" de frutas

O método shift() retorna a string que foi "deslocada".

var frutas = ["Banana", "Laranja", "Maçã", "Manga"];
var x = frutas.shift();    // x === "Banana"

O método unshift() adiciona um novo elemento a uma matriz (no início) e "desvia" elementos antigos:

var frutas = ["Banana", "Laranja", "Maçã", "Manga"];
frutas.unshift("Limão");    // Adiciona a novo elemento "Limão" em frutas

O método unshift() retorna o novo comprimento da matriz.

var frutas = ["Banana", "Laranja", "Maçã", "Manga"];
frutas.unshift("Limão");    // Retorna 5

Alterar Elementos da Matriz

Os elementos da matriz são acessados ​​usando seu número de índice :

Os índices de matriz começam com 0: [0] é o primeiro elemento da matriz, [1] é o segundo, [2] é o terceiro...

var frutas = ["Banana", "Laranja", "Maçã", "Manga"];
frutas[0] = "Kiwi";        // Muda o primeiro elemento de frutas para "Kiwi"

A propriedade length fornece uma maneira fácil de acrescentar um novo elemento a uma matriz:

var frutas = ["Banana", "Laranja", "Maçã", "Manga"];
frutas[frutas.length] = "Kiwi"; // Inclui "Kiwi" em frutas

Excluir um Elemento da Matriz

Como as matrizes JavaScript são objetos, os elementos podem ser excluídos usando o operador JavaScript delete:

var frutas = ["Banana", "Laranja", "Maçã", "Manga"];
delete frutas[0];   // Muda o primeiro elemento em frutas para undefined

O uso de exclusão pode deixar orifícios indefinidos na matriz. Use pop () ou shift ().

Emenda de uma Matriz

O método splice() pode ser usado para adicionar novos itens a uma matriz:

var frutas = ["Banana", "Laranja", "Maçã", "Manga"];
frutas.splice(2, 0, "Lemon", "Kiwi");

O primeiro parâmetro (2) define a posição em que novos elementos devem ser adicionados (emendados).

O segundo parâmetro (0) define quantos elementos devem ser removidos.

Os parâmetros restante ("Lemon", "Kiwi") são os novos elementos a serem adicionados.

O splice() retorna uma matriz com os itens excluídos:

var método frutas = ["Banana", "Laranja", "Maçã", "Manga"];
frutas.splice(2, 2, "Lemon", "Kiwi");

Remover Elementos da Matriz com splice()

Com a configuração inteligente de parâmetros, você pode usar splice() para remover elementos sem deixar "orifícios" na matriz:

var frutas = ["Banana", "Laranja", "Maçã", "Manga"];
frutas.splice(0, 1);        // Remove o primeiro elemento de frutas

O primeiro parâmetro (0) define a posição em que novos elementos devem ser adicionados (emendados).

O segundo parâmetro (1) define quantos elementos devem ser removidos.

O restante dos parâmetros é omitido. Nenhum novo elemento será adicionado.

Mesclar (Concatenar) Matrizes

O método concat() cria uma nova matriz mesclando (concatenando) duas ou mais matrizes:

Exemplo (Mesclando duas matrizes)

var filhas = ["Cecilie", "Lone"];
var filhos = ["Emil", "Tobias", "Linus"];
var filhxs = filhas.concat(filhos);   // Concatenatena filhas e filhos.

O método concat() não altera as matrizes existentes, retornando uma nova matriz, e pode receber qualquer número de argumentos de matriz.

Exemplo (Mesclando três matrizes)

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var filhxs = arr1.concat(arr2, arr3);   // Concatenatena arr1 com arr2 e arr3

O concat()método também pode aceitar valores como argumentos:

Exemplo (Mesclando uma matriz com valores)

var filhas = ["Cecilia", "Ione"];
var filhxs = filhas.concat(["Emil", "Tobias", "Linus"]);

Fatiar uma Matriz

O método slice() divide um pedaço de uma matriz em uma nova matriz.

O exemplo a seguir corta uma parte de uma matriz a partir do elemento no índice 1 da matriz ("Laranja").

var frutas = ["Banana", "Laranja", "Lemon", "Maçã", "Manga"];
var citrus = frutas.slice(1);

O método slice() cria uma nova matriz. Ele não remove nenhum elemento da matriz de origem.

O exemplo a seguir corta uma parte de uma matriz começando no elemento 3 da matriz ("Maçã").

var frutas = ["Banana", "Laranja", "Lemon", "Maçã", "Manga"];
var citrus = frutas.slice(3);

O método slice() pode levar dois argumentos como slice(1, 3).

O método seleciona elementos do argumento inicial e até (mas não inclui) o argumento final.

var frutas = ["Banana", "Laranja", "Lemon", "Maçã", "Manga"];
var citrus = frutas.slice(1, 3);

Se o argumento final for omitido, como nos primeiros exemplos, o slice() método divide o restante da matriz.

var frutas = ["Banana", "Laranja", "Lemon", "Maçã", "Manga"];
var citrus = frutas.slice(2);

toString() Automático

O JavaScript converte automaticamente uma matriz em uma sequência separada por vírgula quando um valor primitivo é esperado.

Esse é sempre o caso quando você tenta gerar uma matriz.

Estes dois exemplos produzirão o mesmo resultado:

var frutas = ["Banana", "Laranja", "Maçã", "Manga"];
document.getElementById("demo").innerHTML = frutas.toString();
var frutas = ["Banana", "Laranja", "Maçã", "Manga"];
document.getElementById("demo").innerHTML = frutas;

Todos os objetos JavaScript possuem um método toString ().

Valores Máximo e Mínimo

Não há funções internas para encontrar o valor mais alto ou mais baixo em uma matriz JavaScript.

Você aprenderá como resolver esse problema no próximo capítulo deste tutorial.

Classificar Matrizes

As matrizes de classificação são abordadas no próximo capítulo deste tutorial.

Referência Completa da Matriz

Para obter uma referência completa, consulte a Referência completa de matrizes JavaScript.

A referência contém descrições e exemplos de todas as propriedades e métodos da matriz.

Teste-se com exercícios

Use o método de matriz correto para remover o último item da matriz frutas.

var frutas = ["Banana", "Laranja", "Maçã"];