forEach()

이용원·2022년 11월 14일
0

JAVASCRIPT

목록 보기
15/34

고차함수

함수 안에 다른 함수가 있는 함수

배열 메소드

배열 메서드 안에는 함수가 들어가야함

함수를 넣어야하는 메소드들

배열.forEach(function(){})

함수를 인수(arguments)로 받는 forEach()
for of와 비슷
배열 안의 아이템 각각에 대해서 함수와 코드를 한번씩 실행해준다.
forEach()에 어떤 함수를 넣든 상관없이 함수가 아이템별로 한 번씩 호출
단순하게 배열의 값에 접근할 때 쓰기 때문에 for...of와 비교했을 때
for..of가 쓰기 더 편리하다

사용할 배열.forEach(사용할 함수 function(value, index, arr){})

1.value - 사용할 배열의 값
2.index - 사용할 배열의 값의 인덱스
3.arr   - 사용할 배열 그 자체

const number = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15];

number.forEach(function(value, index, arr){
    console.log(value);
    console.log(index);
    console.log(arr);
})

코드 실행 순서는 value값 1 뽑고 index값 0 뽑고 arr 뽑음
1
0
[
   1,  2,  3,  4,  5,  6,
   7,  8,  9, 10, 11, 12,
  13, 14, 15
]
2
1
[
   1,  2,  3,  4,  5,  6,
   7,  8,  9, 10, 11, 12,
  13, 14, 15
]

내부함수의 지정한 parameter값에 배열의 값, 인덱스, 배열을 인수로 전달

배열 안에 있는 오브젝트 값에 접근하는 방법

const movie =[
    {
        name:'heh1',
        rating:96, 
},    
{
    name:'heh2',
    rating:90, 
},
{
    name:'heh3',
    rating:70, 
},    
{
    name:'heh4',
    rating:100, 
},
]

여기서 받아오는 item은 movie배열의 오브젝트
movie.forEach(function(item){
    console.log(`영화 제목:${item.name}
영화 점수:${item.rating}/100`)
}
);

0개의 댓글

관련 채용 정보