자바스크립트 forEach() vs map() & flatMap()

Nos dias atuais quando trabalhamos com arrays, é essencial sabermos iterar por eles e quais métodos devemos utilizar. 모든 자바스크립트는 다음과 같은 방법으로 사용할 수 있습니다.

Primeiro, para começarmos, precisamos entender como eles funcionam.

1. forEach()

다음과 같은 일련의 숫자 배열을 고려하십시오.

const arr = [1, 2, 3, 4, 5];

forEach() 메서드를 사용하면 콘솔 없이 배열과 프린터를 반복해서 사용할 수 있으며, 간단한 루프를 위해 다음과 같이 구성할 수 있습니다.

arr.forEach((el) => {
  console.log(el);
})
/* => 1, 2, 3, 4, 5 */

Note que para utilizarmos o forEach, passei um paraâmetro inicial (el), que no caso, é o valor atual do qual o array está sendo iterado, vamos ver mais profundamente sobre os seus paraâmetros:

arr.forEach((elementoAtual, indexDoArray, proprioArray) => {
  console.log(elementoAtual, indexDoArray, proprioArray);
})
/* => 1, 2, 3, 4, 5 */ // Elemento atual
/* => 0, 1, 2, 3, 4 */ // Index do item no array
/* => próprio array */

2. 지도()

다음과 같은 일련의 숫자 배열을 고려하십시오.

const arr = [1, 2, 3, 4, 5];

각 방법에 대한 다른 방법은 다음과 같습니다. um 루프에 대한 방법은 다음과 같습니다. 방법 맵()은 최종 배포가 아닌 변형 방법 배열과 최종 배포 방법이 다릅니다.
예를 들면 abaixo:

const novoArray = arr.map((el) => {
  return el;
})

console.log(novoArray);
/* => [1, 2, 3, 4, 5] */

forEach(), 방법 map() 방법은 다음과 같이 작동합니다. 기본 요소는 기본, 인덱스는 배열, 고유 배열은 다음과 같습니다.

Ou seja, qual devemos utilizar no fim das contas?

가장 좋은 방법은 forEach()를 사용하는 것입니다. Podemos seguir desta forma.

3. 플랫맵()

방법은 flatMap()과 방법 map() 및 flat()이 있습니다. Com o map(), cada elemento é iterado e temos como retorno um novo array contendo os valores com base no array de origem. flatMap 방법은 map()과 유사하며 flat() 배열과 비슷합니다.

예를 들면 다음과 같습니다. 예를 들면 다음과 같습니다.

다음과 같은 일련의 숫자 배열을 고려하십시오.

const arr = [1, 2, 3, 4, 5];

맵() 활용

const utilizandoMap = arr.map((el) => {
  return [el, el * 2]
});

/* => [Array(1), Array(2), Array(3), Array(4), Array(5)] */

flatMap() 활용

const utilizandoFlatMap = arr.flatMap((el) => {
  return [el, el * 2]
});

/* => [1, 2, 2, 4, 3, 6, 4, 8, 5, 10] */

다른 점은 무엇입니까? map()을 할 수 있는 경우가 없고, 배열을 새로 만들거나 flatMap()을 할 수 있는 경우도 없으며, 할 일도 없고 규칙도 없습니다. 따라서 flatMap()을 사용하는 방법은 데이터를 반환하는 데 필요한 정보를 반환하는 데 사용할 수 있습니다.

4. 요약

Como visto acima, temos 3 métodos que podemos utilizar para iterações em nossos arrays e em quais casos devemos utilizá-los.
요약:

forEach()

지도()

flatMap()