[for_each, for_in, for_of]_반복을 시키기 위한 함수, 반복문
2022. 1. 6. 17:15ㆍ[프론트엔드]_/[Javascript]_ES6
728x90
반응형
1] for each
for each는 반복문이 아니라 함수이다.
즉 array 타입 앞에 바로 붙여서 사용 가능하다.
for each는 break가 없는 단점이 있다.
간단하고 빠르게 사용가능하다.
2] for in
for (variable in object) { ... }
obj의 key 값을 이용하여 반복합니다
for...in은 인덱스의 순서가 중요한 Array에서 반복을 위해 사용할 수 없습니다.
위와 같이 object의 프로토타입도 같이 호출이 되는 단점이 있어 잘 사용하지 않는다.
3] for of
for (variable of iterable) {
statement
}
for...of 명령문은 반복가능한 객체 (Array, Map, Set, String, TypedArray, arguments 객체 등을 포함)에 대해서 반복하고 각 개별 속성값에 대해 실행되는 문이 있는 사용자 정의 반복 후크를 호출하는 루프를 생성합니다.
string, map 배열 거의 모든 객체에 사용 가능합니다.
728x90
반응형
'[프론트엔드]_ > [Javascript]_ES6' 카테고리의 다른 글
[DOM_객체]_JS_객체 모델(DOM) (0) | 2022.01.09 |
---|---|
[WEB 개발]_container를 사용 시 유의할 점 (0) | 2022.01.06 |
[Object.assign]_ES6 병합함수 (0) | 2022.01.06 |
[Debugger]_DevTools (0) | 2022.01.03 |
[Fetch_API]_Spring에서 간단한 Auth 구분 통신 만들기 (0) | 2021.12.30 |