JavaScript 고급 함수 forEach()

콜백 함수

선언적 함수 사용하기

function callThreeTimes(callback){
    for(let i = 0; i < 3; i++){
        callback(i)
    }
}
function print(i) {
    console.log(`${i}번째 함수 호출`)
}

callThreeTimes(print)

아래와 같은 결과 값 출력

 

익명 함수 사용하기

function callThreeTimes(callback){
    for(let i = 0; i < 3; i++){
        callback(i)
    }
}

callThreeTimes(function (i){
    console.log(`${i}번째 함수 호출`)
})

 

 

콜백 함수를 사용하는 함수 forEach()

콜백 함수를 활용하는 가장 기본적인 함수는 forEach() 메소드 입니다.

배열기 가지고 있는 함수()로써 단순하게 배열 내부의 요소를 사용해서 콜백 함수를 호출해줍니다.

 

배열이 갖고 메소드 중에서 콜백 함수를 활용하는 메소드는 다음과 같은 형태의 콜백 함수를 사용합니다.

function (value,index,array){ }

const numbers = [273,52,103,32,57]
numbers.forEach(function(value, index, array){
    console.log(`${index}번째 요소 : ${value}`)
})