Métodos de Iteração de Array em JavaScript
Os arrays do JavaScript oferecem muitas ferramentas para manipular dados. Você deve conhecer estes métodos para escrever um código limpo.
forEach() Executa uma função para cada elemento. let nums = [10, 20, 30]; nums.forEach(num => console.log(num));
map() Cria um novo array transformando cada elemento. let nums = [1, 2, 3]; let result = nums.map(num => num * 2); // [2, 4, 6]
flatMap() Mapeia cada elemento e, em seguida, achata o resultado. let arr = [1, 2, 3]; let result = arr.flatMap(num => [num, num * 2]); // [1, 2, 2, 4, 3, 6]
filter() Cria um novo array com os elementos que passam em um teste. let nums = [10, 20, 30, 40]; let result = nums.filter(num => num > 20); // [30, 40]
reduce() Combina todos os elementos em um único valor. let nums = [10, 20, 30]; let result = nums.reduce((total, num) => total + num, 0); // 60
reduceRight() Funciona como o reduce, mas começa do final do array. let arr = ["A", "B", "C"]; let result = arr.reduceRight((acc, value) => acc + value); // CBA
every() Retorna true se todos os elementos passarem em um teste. let nums = [10, 20, 30]; let result = nums.every(num => num > 5); // true
some() Retorna true se pelo menos um elemento passar em um teste. let nums = [10, 20, 30]; let result = nums.some(num => num > 25); // true
from() Cria um array a partir de um objeto iterável. let result = Array.from("Hello"); // ['H', 'e', 'l', 'l', 'o']
keys() Retorna um iterador com as chaves do array. let fruits = ["Apple", "Mango", "Orange"]; let result = fruits.keys(); // 0, 1, 2
entries() Retorna um iterador com pares de chave e valor. let fruits = ["Apple", "Mango", "Orange"]; let result = fruits.entries(); // [0, 'Apple'], [1, 'Mango']...
with() Retorna um novo array com um elemento alterado. let fruits = ["Apple", "Mango", "Orange"]; let result = fruits.with(1, "Grapes"); // ['Apple', 'Grapes', 'Orange']
Spread (...) Expande os elementos de um array. let arr1 = [1, 2]; let arr2 = [3, 4]; let result = [...arr1, ...arr2]; // [1, 2, 3, 4]
Rest (...) Coleta múltiplos elementos em um único array. function showNumbers(...nums) { console.log(nums); } showNumbers(10, 20, 30); // [10, 20, 30]
Source: https://dev.to/ezhil_abinayak_e38eec8fb/array-iteration-methods-in-javascript-20mc