카테고리 없음

array. forEach 에 대한 Arrow Function Example

The Simpler 2022. 7. 23. 18:15

addEventListner 함수에서, 해당 이벤트 일 때 실행 될 함수를 호출하면, 그 함수에게 자연스럽게 해당 이벤트에 대한, event 정보를 주는 것처럼!

 

addEventListner("submit", e => e.preventDefault());


forEach 도 함수를 호출할 때, 자연스럽게 해당 함수에게 element 를 제공한다. 여기서 element 라는 건, 배열의 각각 인덱스에 대해 ( [0], [1], .... ) 함수를 실행할 것인데, 이 호출된 함수를 실행할 때 각의 [0], [1], .... 를 제공하는 것이다.

 

그래서 아래처럼 두 가지로 사용할 수가 있다.

 

parsedToDos.forEach(paintToDo); 라는 건 인자를 필요로하는 paintToDo 에게 인자를 전달한다고 표시를 하지는 않았지만, 암묵적으로 제공하고 있다는 말이 된다. 이게 어렵다면 풀어서 쓸 수 있다.

parsedToDos.forEach(element => {

  console.log(element);

  paintToDo(element);

}

 

훗날 다시 보더라도 이해가 될 것이라 생각한다.