ArrayFunction3 (forEach)

 

자바스크립트 배열 메소드의 가장 기본이 되는 forEach를 이제서야 글로 정리하게 되었다.

 

(딱히 어떤 사유는 없었지만 궁금한거 위주로 먼저 작성을 하다보니...)

 

쨋든 forEach는 뭐하는 함수이냐!

 

개발에 입문한 사람이라면 for를 이용한 반복문은 알고 있을 것이다.

 

forEach 메서드는 for문의 형식을 코드로 한땀한땀 적지 않아도 되게끔 해주는 함수라 보면 된다.

 

let arr = [1,2,3,4,5]

for(let i = 0; i < arr.length; i++){
	console.log(arr[i])
};

// 1
// 2
// 3
// 4
// 5

arr.forEach(function(val){
	console.log(val)
});

// 1
// 2
// 3
// 4
// 5

위의 두 코드는 서로 같은 기능을 한다.

 

즉, forEach함수는 배열에 담겨있는 값들을 0번 인덱스 부터 마지막 인덱스까지 하나하나 꺼내서 forEach의 인자로 넘겨진 함수(콜백함수)를 수행한다고 보면 되겠다.

 

깨알 팁

let arr=[1,2,3,4,5]

arr.forEach(console.log)

// 1
// 2
// 3
// 4
// 5

콜백함수가 복잡하지 않은 경우 위와같이 생략해서 넘겨줘도 된다.

 

그리고 forEach함수는 배열을 변형하지 않고 리턴 값도 넘겨주는게 없다!

let arr = [1,2,3,4,5]

let arr2 = arr.forEach((_)=>{})

console.log(arr) // [1,2,3,4,5]
console.log(arr2) // undefined