3.9 JavaScript For, For of, For in 반복문

지구·2023년 7월 18일

JavaScript

목록 보기
14/30

1. For 반복문

for (초기화; 조건; 증감) {
	// 반복 실행할 코드
}
for (let i = 0; i < 10; i++) {
	console.log(i);
}

// 0
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8
// 9

break

for (let i = 9; i > -1; i--) {
	if (i < 4) {
		break
	}
	console.log(i);
}

// 9
// 8
// 7
// 6
// 5
// 4

break가 실행되면 반복문 자체가 종료된다.

continue

for (let i = 9; i > -1; i--) {
	if (i % 2 === 0) {
		continue
	}
	console.log(i);
}

// 9
// 7
// 5
// 3
// 1

현재 반복을 종료하고 다음 반복으로 넘어가게 한다.
위 예시에서는 홀수일때만 출력하고 짝수 일때는 다음 반복문으로 넘어가게 한다.

2. For of 반복문

const fruits = ['Apple', 'Banana', 'Cherry']

for (let i = 0; i < fruits.length; i++) {
	console.log(fruits[i])
}

// Apple
// Banana
// Cherry

위 예시를 For of 반복문으로 표현할 수 있다.

const fruits = ['Apple', 'Banana', 'Cherry']

for (const fruit of fruits) {
	console.log(fruit)
}

// Apple
// Banana
// Cherry

훨씬 간단하게 똑같은 결과를 만들 수 있다.

3. For in 반복문

const user = {
	name: 'JIGU',
	age: 85,
	isValid: true,
	email: 'jseo9732@email.com'
}

for (const key in user) {
	console.log(key)
}

// name
// age
// isValid
// email

for in 반복문을 이용해 객체의 키값을 출력할 수 있다.
객체 데이터는 순서가 없기 때문에 객체 데이터 속성이 꼭 순서대로 출력되지 않을 수 있다.

for (const key in user) {
	console.log(user[key])
}

// JIGU
// 85
// true
// jseo9732@email.com

이런식으로 사용할 수 있다.

profile
프론트엔트 개발자입니다 🧑‍💻

2개의 댓글

comment-user-thumbnail
2023년 7월 18일

글이 잘 정리되어 있네요. 감사합니다.

1개의 답글