Dev/Web

[Javascript] 반복문-2탄 (For..of, while, do while)

더움바다 2023. 11. 9. 22:50

이번 글에서는 for..of, while, do while에 대해 다루겠다.

(do while은 잘 안쓰기는 한다..)

 

1탄은 다음 링크에 있다.

[Javascript] 반복문-1탄 (For, For..in)

 

// a에 1,2,3으로 이루어진 배열 할당
const a = [1, 2, 3]

// for of의 경우 반복가능한 값에만 사용이 가능하기 때문에 object에서는 사용이 불가능하다.
// for in의 경우는 키를 받아오지만 for of의 경우에는 값을 받아온다.
for (const value of a) {
	console.log(value)
}

// 결과
// 1
// 2
// 3

// while문은 작성해둔 조건이 만족하는 한 계속 작업을 실행한다.
// 코드를 잘못 작성하는 경우 무한루프가 되기 쉬우니 주의해야 한다.
// (웹이 맛이 가는 상황을 체험해볼수 있다)

// 추가로 while문의 경우는 조건을 받아줄 값을 보통 밖에 선언하는 편이다.
// i에 0 숫자를 할당.
let i = 0;
while (i < 3) {
	console.log(a[i])
    // 무한루프를 돌면 안되므로 i를 1씩 증가시킴
    i++
}

// 결과
// 1
// 2
// 3

// 지금까지의 반복문들은 조건이 모두 위에 작성되었지만 이 친구는 혼자 삐딱선을 탄다.
// 혼자 조건을 아래에 작성한다.
// while문과 다른점은 while문은 조건이 처음부터 만족하지 않으면 한번도 실행을 하지 않지만
// do while은 한번 실행해보고 조건을 확인하기 때문에 무조건 한번은 실행된다.
// 추가로 while과 마찬가지로 조건을 받아줄 값을 보통 밖에 선언해준다.

let i = 0;
do {
	console.log(a[i])
    i++
} while (i < 3)

// 결과
// 1
// 2
// 3

'Dev > Web' 카테고리의 다른 글

[Javascript] 반복문-3탄 (map, forEach, reduce)  (0) 2023.12.14
[Javascript] 반복문-1탄 (For, For..in)  (0) 2023.11.09
[JavaScript] Map vs Object  (1) 2023.11.09