Métodos do Array do JavaScript

O JavaScript possui muitos métodos integrados úteis para manipular arrays.

Os métodos que modificam o array original são chamadosmétodo mutador (modificador).

que retorna um novo valor ou forma de representaçãométodochamadoacessor (Acesso)método.

Converter array em string

toString()O método do array converte o array em uma string de valores de array (separados por vírgulas).

var months = ["Jan", "Feb", "Mar", "Apr", "May"];
document.getElementById("result").innerHTML = months.toString();

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

O comportamento deste método é semelhante atoString()mas você também pode especificar um delimitador para o método join.

var fruits = ["Banana", "Apple", "Mango"];
fruits.join("　+　");　　　//　Banana　+　Apple　+　Mango
fruits.join("　/　");　　　//　Banana　/　Apple　/　Mango
fruits.join("　©　");　　//　Banana © Apple © Mango

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

Método push() - Adicionar elemento ao array

push()O método do array adiciona um ou mais novos elementos no final do array.

var fruits = ["Banana", "Mango", "Apple"];
fruits.push("Strawberry");

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

O seguinte código adiciona três elementos ao final do array. A variável total contém o novo comprimento do array:

var fruits = ["Banana", "Mango", "Apple"];
var total = fruits.push("Strawberry", "Lychee", "Guava");

unshift()O método do array adiciona um ou mais novos elementos no início do array.

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

Ounshift()A função é: retornar o novo comprimento do array.

O seguinte código adiciona três elementos ao array. A variável total contém o novo comprimento do array:

var fruits = ["Banana", "Mango", "Apple"];
var total = fruits.unshift("Strawberry", "Lychee", "Guava");

Método pop() - Excluir elemento do array

pop()A função é: excluir o último elemento do final do array.

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

pop()O método retorna o valor "popped out (popado)"

var　fruits　=　["Banana",　"Mango",　"Apple",　"Orange"];
var　x　=　fruits.pop();

shift()Os métodos de array removem o primeiro elemento do array.

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

shift()O método retorna o elemento "removido (shifted out)"

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

Método splice() - Adicionar e modificar o array

splice()O método altera o array removendo elementos existentes e (ou) adicionando novos.

var　months　=　['Jan',　'Mar',　'Apr',　'Jun'第59段";
months.splice(1,　0,　&39;Feb');//　adicionando &39;Feb'　no índice　1

O primeiro parâmetro (1）define a posição onde novos elementos devem ser adicionados (concatenados).

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

o terceiro parâmetro (&39;Feb'）definindo os novos elementos a serem adicionados.

Neste exemplo, substituiremos no4substituir em1elementos:

var　months　=　['Jan',　'Feb',　'Mar',　'Apr',　'Jun'第59段";
months.splice(4,　1,　&39;May');　　　//　replace　&39;Jun'　com39;May'　no índice　4

Neste exemplo, excluiremos o elemento na posição de índice3em1elementos:

var　months　=　['Jan',　'Feb',　'Mar',　'Apr',　'Jun'第59段";
months.splice(3,　1);

Neste exemplo, excluiremos o elemento na posição de índice2início da exclusão2elementos:

var　months　=　['Jan',　'Feb',　'Mar',　'Apr',　'Jun'第59段";
months.splice(2,　2);

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

var　months　=　['Jan',　'Feb',　'Mar',　'Apr',　'Jun'第59段";
var　arr　=　months.splice(2,　2);

Atençãosplice()Não confunda comslice()Confusão de acessores de array, a última é uma matriz de acessores, que copia uma parte do array.

Modificação de elementos do array

Usando o operador de atribuição, podemos substituir qualquer valor no array.

let　fruits　=　["Apple",　"Mango",　"Banana",　"Orange"];
fruits[0]　=　"Monkey";

Método concat() - Concatenação de arrays

concat()Os métodos de array são usados para combinar dois ou mais arrays em um novo array.

Neste exemplo, criaremos dois arrays e os combinaremos em um novo array:

var　fruits　=　["Apple",　"Mango",　"Banana"];
var　numbers　=　[5,　10,　12,　98,　3];
var　arr　=　fruits.concat(numbers);

concat()O método pode usar vários parâmetros, você pode usar eficazmente um único método para concatenar vários arrays.

var　num1　=　[1,　2,　3];
var　num2　=　[4,　5,　6];
var　num3　=　[7,　8,　9];
var　nums　=　num1.concat(num2,　num3);

método slice() - Recorte de array

slice()O método de array copia uma parte do array para um novo array.

var frutas = [#39;Banana#39;,　'Mango#39;,　'Apple#39;,　'Orange#39第59段";
var extract = frutas.slice(1,　3);//　return Mango, Apple

O primeiro parâmetro (1) define o local de início da extração.

O segundo parâmetro (3) define o local de fim da extração.

Se o segundo parâmetro for omitido, oslice()O método cortará o resto do array.

No seguinte exemplo, extrairemos elementos sem usar o segundo parâmetro:

var frutas = [#39;Banana#39;,　'Mango#39;,　'Apple#39;,　'Orange#39第59段";
var extract = frutas.slice(1);//　return Mango, Apple, Orange

No seguinte exemplo, usaremos valores negativos para extrair elementos do array:

var frutas = [#39;Banana#39;,　'Mango#39;,　'Apple#39;,　'Orange#39第59段";
var extract = frutas.slice(-3,　-1);//　return Mango, Apple

Procurar elementos no array

indexOf()O método de array retorna o primeiro índice do elemento que pode ser encontrado no array.

var frutas = [#39;Banana#39;,　'Mango#39;,　'Apple#39;,　'Orange#39第59段";
fruits.indexOf('Apple#39;);//　returns　2

Nota:O índice do primeiro elemento é 0, o índice do segundo elemento é1e assim por diante.

Se o parâmetro fornecido não existir no array, ele retornará-1.

var frutas = [#39;Banana#39;,　'Mango#39;,　'Apple#39;,　'Orange#39第59段";
fruits.indexOf('Beer#39;);//　returns　-1

lastIndexOf()O método de array retorna o último índice do elemento que pode ser encontrado no array.

Podemos testar o mesmo exemplo do indexOf(), que contém dois 'Apple'.

var frutas = [#39;Banana#39;,　'Mango#39;,　'Apple#39;,　'Orange#39;,　'Apple#39第59段";
fruits.lastIndexOf('Apple#39;);//　returns　4

Nota:lastIndexOf()Ele começará a procurar o array a partir do final e retornará o primeiro índice que encontrar.

Se o parâmetro fornecido não existir no array, ele retornará-1.

var frutas = [#39;Banana#39;,　'Mango#39;,　'Apple#39;,　'Orange#39;,　'Apple#39第59段";
fruits.lastIndexOf('Beer#39;);//　returns　-1

método fill()

fill()O método de array substitui todos os elementos do array com um valor estático.

var　nums　=　[1,　2,　3,　4];
nums.fill(17);

Todos os quatro elementos do array foram substituídos pelo mesmo valor17.

fill()também aceita os parâmetros opcionais de início e fim.

a partir da posição2até a posição4Preencher 0 (não incluído4）：

var　nums　=　[1,　2,　3,　4];
nums.fill(0,　2,　4);

Usarfill()Pode substituir um ou mais elementos do array com valores estáticos.

Ordenação de array e inversão de array

reverse()O método de array pode inverter a ordem dos elementos do array.

var　nums　=　[10,　20,　30,　40,　50];
nums.reverse();

Usarreverse()Depois disso, o último elemento será o primeiro, e o primeiro elemento será o último.

método sort()O método de array ordena os elementos do array com base no primeiro caractere do elemento. No caso de caracteres iguais no primeiro caractere, ele continuará para a próxima linha e comparará o segundo caractere, e assim por diante.

Pelo padrão,método sort()Todas as strings de caracteres maiúsculas ou minúsculas no array serão ordenadas em ordem alfabética.

var　months　=　['March',　'Jan',　'Feb',　'Dec#39第59段";
months.sort();

Devido amétodo sort()Baseado no primeiro caractere unicode, portanto, ele ordenará os elementos em maiúsculas antes de ordenar os elementos em minúsculas.

让我们修改原始数组，以使我们的字符串之一以小写字母开头。

var　months　=　['March',　'Jan',　'Feb',　'dec'第59段";
months.sort();

Pode usarmétodo sort()ordena números.

var　nums　=　[5,　1,　2,　7,　3,　6,　4];
nums.sort();

método sort()Não classificará o array de números pelo tamanho. Em vez disso, ele verificará apenas o primeiro caractere do número.

var　nums　=　[5,　1,　2,　17,　13,　6,　34];
nums.sort();

Para classificar números corretamente, você pode criar uma função de comparação como parâmetro.

var　nums　=　[5,　1,　2,　17,　13,　6,　34];
nums.sort(function(a,　b)　{return　a　-　b});

Se precisar classificar números repetidamente, pode criar uma função separada.

var　nums　=　[5,　1,　2,　17,　13,　6,　34];
nums.sort(sortNumerically);
//　Função para classificar números pelo tamanho
var　sortNumerically　=　(a,　b)　=>　{
　　return　a　-　b;
}

Referência completa de array

Para referência completa de propriedades e métodos, acesse nossaManual de Referência do Array do JavaScript.

A parte de referência contém descrições e exemplos de todas as propriedades e métodos dos arrays.