gurwhddl
코알못 공부블로그
gurwhddl
전체 방문자
오늘
어제
  • 분류 전체보기
    • CSS
    • JS
    • node.JS
    • REACT
    • 코딩테스트 연습

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
gurwhddl

코알못 공부블로그

JS

JS forEach

2022. 9. 20. 23:09

forEach는 for of가 나오기 전에 자주 쓰였던거라 최근에는 많이 안씀 (for of를 먼저 배웠는데 생각이 안나네...

나중에 for in/ of 다시 공부하기)

 for (variable of iterable) {
      statement
    }

 

 

이에 비해 forEach는 함수를 또 만들어줘야돼서 문장이 매우 길어짐

const nums = [1,2,3,4,5]

 

nums.forEach(function (element) {console.log(element)} )

 

이렇게 해놓으면 저 element안에 하나하나씩 들어가서 저 함수를 실행시켜줌

이미 만들어놓은 함수를 넣어도 되지만 보통은 저렇게 한번쓰고 말 함수를 직접 쓰는게 일반적임

전문가 설명)

foreach 구문의 인자로 callback 함수를 등록할 수 있고, 배열의 각 요소들이 반복될 때 이 callback 함수가 호출됩니다. callback 함수에서 배열 요소의 인덱스와 값에 접근할 수 있습니다.

 

let arr = [1,2,3,4]
undefined
let a = arr.forEach( x => x*x )
undefined
a 
undefined
a 
undefined
let a = arr.map(x => x*x )
undefined
a 
(4) [1, 4, 9, 16]

 

forEach는 return값을 가지고 나올 수가 없음

'JS' 카테고리의 다른 글

Arrow Function  (0) 2022.09.21
Map  (0) 2022.09.21
복습) JS this  (0) 2022.09.20
8 - local storage에 저장하기  (0) 2022.09.18
7- 오늘할일 list 생성하고 지우기  (0) 2022.09.18
    'JS' 카테고리의 다른 글
    • Arrow Function
    • Map
    • 복습) JS this
    • 8 - local storage에 저장하기
    gurwhddl
    gurwhddl

    티스토리툴바