[java script] forEach()와 익명함수

Array.prototype.forEach()

각 배열 요소에 대한 반복을 쉽게 할 수 있다. 

arr.forEach(forFn); //Array.forEach(callback:function);
      function forFn(value,index){ //첫번째 인자는 밸류. 두번째 인자는 인덱스
        console.log(index+' : '+ value);
      }

forEach 안에 인자는 콜백 함수가 들어간다. 

 

콜백 함수의 인자는 밸류와 인덱스로 구성된다. 인덱스는 생략할 수 있다. 

callbackFunction(value. index)  

callbackFunction(value)

 

익명 함수

      arr.forEach(function(ele){
        ele.addEventListener('mouseenter',menuover);
        }); 
        
         arr.forEach(function(ele){
         //ele에 대한 명령
        }); 

  forEach 안에 함수를 한 번만 쓸 거면 그냥 바로 익명 함수를 만들어서 사용하는 것이 편리하다.

 

익명 함수는 화살표 함수로 표현할 수도 있다. 

 

( ) => {}  

 이런 식으로 표현할 수 있는데

arr.forEach((v)=>{
	console.log(v);
}); 

소괄호 ( ) 안에는 인자가 들어가고  중괄호 { } 안에는 인자를 사용하는 구문이 들어간다. 수식일 수도 있고, 어떤 실행을 위한 구문일 수도 있고, 리턴 값일 수도 있고

 

인자가 하나라면 소괄호는 생략할 수 있다. 인자가 2개 이상이라면 소괄호를 반드시 써줘야 한다.

모든 것이 그렇지만, 특히 이 화살표 함수는 직접 써봐야 익숙해진다. 

 

그동안 코딩 테스트에서 다른 사람들이 써놓은 거 보면서 참 읽기가 어려웠는데, 배우고 나니까 이제 좀 눈에 들어온다. 

많이 써봐야 될 것 같다. 

 

아직도 습관적으로 배열에 대한 반복이 필요할 때 for문을 쓰는데

배열을 생성하는 게 아니라면 forEach문을 사용하는 습관을 들여야겠다.