Javascript - Métodos para arrays

Os #arrays em JavaScript possuem diversos métodos úteis para manipulação e análise de dados. Abaixo está uma lista com breve explicação de cada método, baseada no nosso array arr = [1, 2, 3, 4, 5]:

  • arr.push(6): Adiciona 6 ao final do array. Resultado: [1, 2, 3, 4, 5, 6].

  • arr.pop(): Remove o último elemento. Resultado: [1, 2, 3, 4].

  • arr.shift(): Remove o primeiro elemento. Resultado: [2, 3, 4, 5].

  • arr.unshift(0): Adiciona 0 no início. Resultado: [0, 1, 2, 3, 4, 5].

  • arr.concat([6, 7]): Junta [6, 7] ao array. Resultado: [1, 2, 3, 4, 5, 6, 7].

  • arr.slice(1, 3): Retorna uma cópia de parte do array (índices 1 a 2). Resultado: [2, 3].

  • arr.splice(1, 2): Remove 2 elementos a partir do índice 1. Resultado: [1, 4, 5].

  • arr.reverse(): Inverte a ordem dos elementos. Resultado: [5, 4, 3, 2, 1].

  • arr.sort(): Ordena os elementos (numérico ou alfabético). Resultado: [1, 2, 3, 4, 5].

  • arr.indexOf(4): Retorna o índice de 4 (3). Resultado: 3.

  • arr.includes(3): Verifica se 3 está no array. Resultado: true.

  • arr.find(x => x > 3): Retorna o primeiro elemento maior que 3. Resultado: 4.

  • arr.filter(x => x > 3): Retorna todos os elementos maiores que 3. Resultado: [4, 5].

  • arr.map(x => x * 2): Transforma cada elemento multiplicando por 2. Resultado: [2, 4, 6, 8, 10].

  • arr.reduce((sum, x) => sum + x, 0): Soma todos os elementos. Resultado: 15.

  • arr.join('-'): Junta elementos com '-' como separador. Resultado: "1-2-3-4-5".

  • arr.every(x => x > 2): Verifica se todos são maiores que 2. Resultado: false.

  • arr.some(x => x > 4): Verifica se algum é maior que 4. Resultado: true.

  • arr.findIndex(x => x > 4): Retorna o índice do primeiro maior que 4. Resultado: 4.

  • arr.fill(9): Preenche o array com 9. Resultado: [9, 9, 9, 9, 9].

  • arr.copyWithin(0, 1): Copia elementos a partir do índice 1 para o índice 0. Resultado: [2, 3, 4, 5, 5].

  • arr.flatMap(x => [x, x * 2]): Mapeia e achata o array (ex.: [1, 2, 2, 4]). Resultado: [1, 2, 2, 4, 3, 6, 4, 8, 5, 10].

  • arr.entries(): Retorna um iterador com pares chave/valor. Resultado: Iterator.

  • arr.keys(): Retorna um iterador com as chaves (índices). Resultado: Iterator.

  • arr.values(): Retorna um iterador com os valores. Resultado: Iterator.

Dicas de Uso

Esses métodos tornam a manipulação de #arrays em #JavaScript eficiente e flexível!