콜백 함수

자바스크립트의 함수는 사용할때 값을 받아와서 사용할 수 있는데, 함수내에서 이를 매개변수라고 한다. 그리고 매개변수값으로 함수를 전달할때 이를 콜백 함수라고한다.

위 사진을 보면 value과 add 함수를 선언한 후 value의 매개변수로 add함수가 들어간것을 볼 수 있다. 그리고 add함수의 매개변수 a는 value함수의 for문안에서 index값이 들어가 1부터 10까지의 값을 console.log로 찍어낸것을 볼 수 있다. 또한 아래와같은 방식으로도 사용할 수 있다.

또한 화살표 함수로도 사용할 수 있다.

forEach()

forEach()메소드는 콜백함수를 활용하는 가장 기본적인 함수이다. forEach()메소드는 배열이 갖고 있는 함수로써 단순하게 배열 내부의 요소를 사용해서 콜백함수를 호출해준다.

forEach()메소드 : forEach(function (value, index, array) {})

map()

map() 메소드도 forEach와 같은 콜백을 활용한 함수이다.

새로운 배열을 만들기에 console.log로 찍을 경우 리턴받을 값이없어 undefined로 나온다.

filter()

filter() 메소드는 콜백함수에서 return하는값이 true인것만 모아 새로운 배열을 만들어준다.

화살표 함수

위의 함수들을 좀 더 간편히 사용하고자 할 때 화살표 함수를 사용한다.

(매개변수) => 리턴값