티스토리 뷰

카테고리 없음

foreach, for, map

IamMH 2021. 7. 16. 11:14

생각없이 사용하다 질문 받게되어 foreach, for, map 에 대해 확인해보았다.


# for

조건문이 충족할 떄까지 반복 수행하다 break; 만나게 되면 종료된다.

for (let i=0; i<10; i++) {
    console.log(i);

    if (i > 5) {
        break;
    }
}
/*
0
1
2
3
4
5
6
*/

# forEach

배열의 모든 요소를 순회, return 없음. 외부 값이나 메소드 호출

let arr = [1,2,3,4]
let result = arr.forEach(function(item) {
      console.log(item+1)
    return item+1
})
console.log(result)
/* result
2
3
4
5
undefined
*/

# map

forEach와 동일하나 return 가능.

let arr = [1,2,3,4]
let result = arr.map((item) => {
      console.log(item+1)
    return item+1
})
console.log(result)

/* result
2
3
4
5
[2,3,4,5]
*/

참고: https://velog.io/@limes/Javascript-Array-Method-for-each-와-map함수의-차이
참고: https://m.blog.naver.com/wideeyed/221877912230

댓글