Métodos úteis para array JavaScript
- #JavaScript
Bom dia Devs,
Seguem alguns métodos muito úteis para se trabalhar com arrays em JavaScript:
Considere o array:
const numbers = [1, 2, 3, 4];
Retorna o valor existente em um índice do array:
numbers.at(2); //retorna: 3
Remove o último elemento de um array. Retornando o elemento excluído:
numbers.pop(); //retorna: 4
Adiciona um ou mais elementos ao final de um array. Retorna o novo comprimento desse array:
numbers.push(5); //retorna: 5
Preenche todos os valores do array a partir do índice inicial a um índice final com um valor estático.
numbers.fill(6); //retorna: [6, 6, 6, 6]
Junta todos os elementos de um array separados por espaço " " e retorna como string.
numbers.join(" "); //retorna: "1 2 3 4"
Remove o primeiro elemento de um array e retorna o elemento excluído:
numbers.shift(); //retorna: 1
Adiciona um ou mais elementos no início de um array e retorna o número de elementos (propriedade length) atualizado:
numbers.unshift(0); //retorna: 5
Inverte os itens de um array:
numbers.reverse(); //retorna: [4, 3, 2, 1]
Verifica se um array contém um determinado elemento, retornando true se existe ou false se não existe:
numbers.includes(3); //retorna: true
Faz uma iteração no array multiplicando cada elemento por 3:
numbers.map((item) => 3 * item); //retorna: [3, 6, 9, 12]
Retorna o primeiro elemento do array que satisfaz a condição de teste:
numbers.find((item) => item > 2); //retorna: 3
Retorna um novo array com os elementos que satisfazem a condição de teste:
numbers.filter((item) => item > 2); //retorna: [3, 4]
Testa se todos os elementos do array satisfazem a condição de teste:
numbers.every((item) => item > 0); //retorna: true
Retorna o índice do primeiro elemento do array que satisfaz a condição de teste:
numbers.findIndex((item) => item === 3); //retorna: 2
Faz uma iteração no array, retornando o resultado da soma do elemento anterior + o atual:
numbers.reduce((prev, curr) => prev + curr); //retorna: 10
A documentação completa com todos os métodos estão disponíveis em MDN Web Docs.
Bons estudos!!!
