6. 콜백 함수

 

콜백함수(Callback)는 매개변수로 함수를 전달받아, 함수의 내부에서 실행하는 함수이다. 

 

사용 원칙

1. 익명의 함수 사용 : 코드의 간결성을 위해 함수의 이름을 쓰지 않는다.
2. 화살표 함수 모양 : (매개변수) => 리턴값

//익명 함수 예시
callThreeTimes(function (i) {
  console.log('${i}번째 함수 호출')
})

//화살표 함수 예시
sayHello((name) => {
  console.log("Hello, "+name);
});

 

 

forEach()

• 배열 내부의요소를 사용해서 콜백 함수 호출
• value : 현재 순회 중인 요소
• index : 현재 순회 중인 요소의 index
• array : 배열 객체

//기본형
 function (value, index, array) {}
 
 //예시
 const numbers = [273, 52, 103, 32, 57]
 
 numbers.forEach(function (value, index, array){
   console.log('${index}번째 요소 : ${value}')
 })
 
 //출력값
 0번째 요소 : 273
 1번째 요소 : 52
 2번째 요소 : 103
 ...

 

 

map()

• 콜백 함수에서 리턴한 값들을 기반으로 새로운 배열을 만드는 함수

//예시
let numbers = [273, 52, 103, 32, 57]

numbers = numbers.map(function (value, index, array)){
  return value * value
})

numbers.forEach(console.log)

//출력
74529 0 Array(5)
2704 1 Array(5)
10609 2 Array(5)
...