Métodos do Array do JavaScript

O poder dos arrays JavaScript está escondido nos métodos dos arrays.

Transformar um array em uma string

Método JavaScript toString() Transformar um array em uma string de valores do array (separados por vírgula).

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

Resultado

Banana,Laranja,Maçã,Mango

Experimente você mesmo

join() O método também pode combinar todos os elementos do array em uma string.

Seu comportamento é semelhante ao toString(), mas você também pode especificar um delimitador:

Exemplo

var fruits = ["Banana", "Laranja","Maçã", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

Resultado

Banana * Laranja * Maçã * Mango

Experimente você mesmo

Popping e Pushing

Ao lidar com arrays, remover elementos e adicionar novos elementos é muito simples.

Popping e Pushing significam:

Do arrayRemoverItem, ou adicionar ao arrayEmpurrarItem.

Popping

pop() O método remove o último elemento do array:

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // Remover o último elemento do fruits ("Mango")

Experimente você mesmo

pop() O método retorna o valor que foi removido:

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // O valor de x é "Mango"

Experimente você mesmo

Pushing

push() O método adiciona um novo elemento no final do array:

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       // Adicionar um novo elemento ao fruits

Experimente você mesmo

push() O método retorna o comprimento do novo array:

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi");   // O valor de x é 5

Experimente você mesmo

Deslocamento de elementos

Deslocamento é equivalente a pop, mas trata o primeiro elemento em vez do último.

shift() O método remove o primeiro elemento do array e move todos os outros elementos para índices mais baixos.

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // Remover o primeiro elemento "Banana" do fruits

Experimente você mesmo

shift() método returna a string que foi deslocada:

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();             // Returna "Banana"

Experimente você mesmo

método returna o comprimento do novo array. método adiciona novos elementos no início do array, deslocando os elementos antigos para trás:

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
unshift()

Experimente você mesmo

método returna o comprimento do novo array. unshift()

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
método returna o comprimento do novo array.

Experimente você mesmo

mudar elementos

usando seusnúmero de índicepara acessar elementos do array:

arrayíndice (subíndice)começando em 0. [0] é o primeiro elemento do array, [1] é o segundo, [2] é o terceiro ...

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // Torna o primeiro elemento do fruits "Kiwi"

Experimente você mesmo

length O atributo oferece um método fácil para adicionar novos itens ao array:

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // Adiciona "Kiwi" ao fruits

Experimente você mesmo

remover elementos

como os arrays do JavaScript são objetos, seus elementos podem ser removidos usando o JavaScript delete operador pararemover:

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // Torna o primeiro elemento do fruits undefined

Experimente você mesmo

usar delete deixará buracos não definidos no array. Use pop() ou shift() em vez disso.

Concatenar arrays

splice() O método pode ser usado para adicionar novos itens ao array:

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

Experimente você mesmo

O primeiro parâmetro (2) define a posição onde o novo elemento deve ser adicionado (concatenado).

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

Os outros parâmetros ("Lemon", "Kiwi") definem os novos elementos a serem adicionados.

splice() O método retorna um array contendo os itens removidos:

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

Experimente você mesmo

usar splice() para remover elementos

Através de uma configuração de parâmetros inteligente, você pode usar splice() Remova elementos sem deixar 'buracos' no array:

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // Remove o primeiro elemento do fruits

Experimente você mesmo

O primeiro parâmetro (0) define onde o novo elemento deve serAdicionarposição (posicionamento).

O segundo parâmetro (1) define oRemover múltiplosElemento.

Os parâmetros restantes são omitidos. Nenhum novo elemento será adicionado.

Juntar (conectar) arrays

concat() O método cria um novo array através da junção (conexão) de arrays existentes:

Exemplo (juntar dois arrays)

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // Juntar myGirls e myBoys

Experimente você mesmo

concat() O método não altera o array existente. Sempre retorna um novo array.

concat() O método pode usar qualquer quantidade de parâmetros de array:

Exemplo (juntar três arrays)

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

Experimente você mesmo

concat() O método também pode aceitar valores como parâmetros:

Exemplo (juntar array com valor)

var arr1 = ["Cecilie", "Lone"];
var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]);

Experimente você mesmo

Cortar array

slice() O método cria um novo array usando um pedaço do array.

Neste exemplo, corta-se um pedaço do array a partir do elemento 1 ("Orange"):

Exemplo

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);

Experimente você mesmo

slice() O método cria um novo array. Ele não remove nenhum elemento do array original.

Neste exemplo, corta-se um pedaço do array a partir do elemento 3 ("Apple"):

Exemplo

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);

Experimente você mesmo

slice() Aceita dois parâmetros, por exemplo (1, 3).

Este método escolhe elementos a partir do parâmetro de início até o parâmetro de fim (não incluído).

Exemplo

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);

Experimente você mesmo

Se o parâmetro de fim for omitido, por exemplo, no primeiro exemplo, então slice() Cortará a parte restante do array.

Exemplo

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);

Experimente você mesmo

toString() automático

Se precisar dos valores originais, o JavaScript convertirá automaticamente o array em uma string. Os dois exemplos a seguir produzirão o mesmo resultado:

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

Experimente você mesmo

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

Experimente você mesmo

Todos os objetos JavaScript possuem toString() Métodos.

Ordenação de Array

Vamos aprender sobre ordenação de arrays no próximo capítulo ~.

Encontrar o maior e o menor valor em um array

Não há funções integradas no JavaScript Array para encontrar os valores máximos e mínimos.

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

Referência completa de Array

Para uma referência completa, acesse nossa Manual de Referência de Array JavaScript.

Este manual de referência contém descrições e exemplos de todas as propriedades e métodos do Array.