[JavaScript] Array.forEach() & arrow function

JavaScript 에서는 Array에 대해 여러가지 함수들을 제공하고 있다.

.forEach()

 

arrary의 each item 들에 대해 하나의 function 를 동작시켜준다.

 

JavaScript는 처리되고 있는 event 에 대해서 정보를 제공해 줄 뿐만 아니라 

처리하고 있는 item 에 대한 정보도 제공해준다.

 

배열의 각 원소에 대해 각각 동일한 함수를 실행하기

JavaScript는 parsedToDos.forEach(sayHello)를 통해

parsedToDos 배열에 담긴 ["a","b","c","d","e"] 를 순회하면서 

sayHello("a")

sayHello("b")

sayHello("c")

sayHello("d")

sayHello("e")

를 해주는 것과 같다.

 

아무런 인자 없이 sayHello() 를 6번 하는 것이 아니다!

 

어떻게? forEach 라는 Array 용 함수 덕분에 말이다.

function sayHello(item) {
  console.log("this is turn of ", item);
}

parsedToDos.forEach(sayHello);

위 처럼 함수를 계속 선언하지 않고 아래와 같이 간략하게 적는 방법도 있다.

function 과 함수명도 필요없이

인자를 소괄호로 건네주고 '=>' 로 함수를 나타내 주는 것이다.

parsedToDos.forEach((item) => console.log("this is the turn of ", item));

이렇게 쓰는 걸 arrow function 이라고 한다.

동일한 결과를 보여준다. 코드가 짧아졌을뿐 속도나 다른 어느 문제에서도 차이는 없다고 한다.