[javascript] foreach()

ameliaDeveloper·2024년 10월 30일

javascript

목록 보기
3/12

배열을 순회, 배열을 돈다, 배열을 빙글빙글 돈다

foreach()

foreach는 [요소1, 요소2, 요소3...] 이렇게 생긴 배열을 순회(=돌고 돈다)하기 위해 사용
foreach에의 파라미터에는 콜백함수가 들어감

▶foreach의 파라미터에 들어가는 친구들
1. currentValue - 현재 처리할 요소
2. index - 현재 처리할 요소의 인덱스 (선택적임, 필수가 아님)
3. array - foreach메서드를 호출할 배열 = 배열 그자체임 (선택적임, 필수가아님)

위 3가지를 코드로 작성하면 아래 예제와 같다

cookingArr에 요즘 핫한 '흑백요리사'의 셰프들 이름을 넣은 배열이다.
이 배열을 '돌고 돈다' 라고 했을 때, foreach안에서의 로그에 찍히는 결과들에 대해서는 아래 캡처화면처럼 로그가 찍힌다

foreach의 세번째 선택적 파라미터인 배열이 들어갈때, 해당 cookingArr에 돌아가는 인덱스에다가 문자열(='흑백요리사2 출연 예정자들(카더라)')을 추가해주었다

그리고, map()의 반환결과는 array이지만, foreach()의 반환은 undefined이다.
다시말해, foreach()는 배열의 순환(=돌고 돈다)이기때문에, 순환에 대한 반환결과는 undefined이다

1개의 댓글

comment-user-thumbnail
2024년 10월 30일

잘봤습니다.

답글 달기