728x90
for...in (객체 순환)
- es6 에서 추가된 문법
- 객체에 사용 할 수 있다.
- 객체의 key값과 value 값을 추출하는데 유용.
- 객체의 키값의 갯수만큼 반복하여 첫번쨰키값부터 마지막 키값까지 반복.
for (variable in object) { ... }
for...in 예제
See the Pen for...in by Kim Jae Ik (@doitdoik) on CodePen.
for...of (배열 순환)
- es6 에서 추가된 문법
- 반복할 수 있는 객체(iterable objects)를 순회할 수 있도록 해주는 반복문
- 객체 Map, Set, Array, String 등을 반복(Object X)
- 배열과 문자열 등, for of 으로 반복
for (variable of iterable) {
statement
}
for...of 예제
See the Pen Untitled by Kim Jae Ik (@doitdoik) on CodePen.
728x90
'JavaScript' 카테고리의 다른 글
[JavaScript] shift() 배열의 첫 번째 요소 제거 (0) | 2022.02.15 |
---|---|
[JavaScript] JSON.stringify(), JSON.parse() 사용법 비교 (0) | 2022.02.12 |
[JavaScript] Ajax 란? (0) | 2022.02.08 |
[JavaScript] location.href, location.replace() 차이 비교 (0) | 2022.02.07 |
[JavaScript] length 문자열, 배열의 길이 (0) | 2022.02.06 |