JavaScript _ forEach로 배열 반복문 돌리는 방법

배열을 받아 for문을 돌려 배열내 요소들을 찾거나 가공해야하는 경우가 많습니다. (매우매우)

파이썬이야 ' for i in arr: print(i) ' 로 끝나지만 js의 경우 for문내 조건에만 3가지 항목을 넣어야 합니다.

 

// 일반적인 for 문 형태
for (let i = 0; i < arr.length; i++){
	console.log(arr[i])
}

// 결과
1
2
3

 

 

이러한 반복 코드를 좀더 간소화 하기 위해서는 forEach 을 사용할 수 있습니다.

 

forEach 사용 예시

arr = [1,2,3,4]

// 요소만 가져올 경우
arr.forEach( (item) => {console.log(item)} )

// 결과
1
2
3
4


// 두번째 인자를 지정하면 인덱스도 가져올 수 있다.
arr.forEach( (item,idx) => {console.log(item,idx)} ) 

// 결과
1 0
2 1
3 2
4 3

 

 

이렇듯 'forEach'와 '화살표 함수'를 사용하면 간결한 반복문 코드를 작성할 수 있습니다.

 

잠깐, 화살표 함수에 대해 모르신다고요? 간단하게 설명드리겠습니다.

// 화살표 함수는 왼쪽 인자들을 가지고 오른쪽 내용을 수행한다.
(item,idx) => {console.log(item,idx)}


//----


// 화살표 함수는 정말 함수인가?
console.log(typeof((item,idx) => {console.log(item,idx)}))

// 결과 :: 함수 맞다.
'function'

 

forEach에 들어가는 함수는 파라미터내에 작성하는 익명함수 외에도 외부 함수를 인자로 넣어 사용할 수도 있습니다.

 

* 익명함수란? 즉시 사용하는 간단한 함수가 필요할 때 사용하는 함수입니다. (화살표 함수는 항상 익명함수 입니다.)

 

 

앞으로는 반복문 편하게 돌리세요~~!