(JavaScript)forEach, map, filter

  JavaScript 기초를 배우는 과정에서 forEach, map, filter를 배웠다.

forEach, map, filter는 배열을 다루는 메소드이다. 각 요소들을 순환하며 원하는 연산을 실행할 수 있다.

 

 

1. forEach()

 각 요소들을 전부 순회하며 함수를 실행한다.

다음과 같이 실행할 수 있다.

const array = [1, 2, 3, 4, 5]

array.forEach((element) => {
	console.log(element);
});

//1
//2
//3
//4
//가 출력됨

모든 요소에 대해 어떤 연산이나 함수를 실행할 때 사용할 수 있다.

 

 

 

 

 

2. map()

 forEach와 같이 모든 요소를 순회하지만, 반환값이 존재하며, 요소의 값을 바꿔 새로운 배열을 반환한다.

const array = [1,2,3,4,5]

const newArray = array.map((element) => {
	return "0" + element;
});

console.log(newArray);
//['01', '02', '03', '04', '05']이 출력된다

 

 

 

 

 

3. filter()

  배열의 모든 요소를 순환하며 조건에 맞는 요소(들)만 반환한다.

const array = [1, 2, 3, 4, 5, 6]

const newArray = array.filter((element) => element%2 === 0);

console.log(newArray);
//[2, 4, 6]이 출력된다

 

 

 

 

위 함수들을 사용하면 코드를 간결하고 가독성있게 만들 수 있다.