자바스크립트 forEach

forEach 

forEach는 배열의 메소드 입니다.

JavaScript에서 함수는 자료입니다.

자료는 변수에 할당될 수 있고 함수의 매개변수로 전달해서 사용할 수 있습니다.

함수는 자료이기때문에 변수에 할당할 수 있으며, 함수의 매개변수로 전달 될 수 있습니다. (함수 = 자료)

함수의 매개변수로 전달하는 함수를 콜백함수라고 합니다.

매개변수로 콜백함수를 씁니다.

 

이해를 돕기 위해서 예시를 들겠습니다.

const TodoLists = ['작살나게 밥 먹기', '끝내주게 숨쉬기', '간지나게 자기']

TodoLists.forEach(function (value, index, array) {
    console.log(`${index}번째 할 일: ${value}`) 
   })
   
   TodoLists.forEach(function (value, index, array) {
    console.log(`전체 배열의 값 : ${array}`)
   })

forEach메서드는 배열의 메소드이므로 배열이름.메소드 형식으로 씁니다 (배열이름 바로 뒤에 .이 들어가면 메소드를 사용하겠다는 의미입니다)

 

forEach메서드안에 있는 function은 콜백함수 입니다. forEach메서드의 매개변수로 쓰였습니다.

function함수는 매개변수로 value, index, array를 갖는 콜백함수입니다.

 

매개변수는 함수안에 생성된 새로운 변수(value, index, array)를 뜻합니다. 매개변수는 함수 밖에서 값(TodoLists 배열)을 가져와서 새로운 변수에 할당해줍니다.

(value = TodoList 배열의 값,  index = TodoList 배열의 인덱스, array = TodoList 배열의 전체 값) 

 

forEach메서드는 배열의 값를 차례로 접근하여 쓸 수 있습니다.