쌓고 쌓다

[JavaScript] 반복문 본문

프로그래밍/JavaScript

[JavaScript] 반복문

승민아 2022. 10. 29. 21:47

for in 반복문

for (const 반복 변수 in 배열 또는 객체) {
  문장
}

반복 변수에 요소의 인덱스가 들어간다.

for in 코드는 내부의 요소를 사용하려면 arr[i] 형태로 사용해야한다.

안정적으로 쓰기엔 위험한 반복문이라 for of 반복문과 for 반복문을 활용한다.

반복 변수는 const를 쓴다.

(ex)

const arr = ['아침', '점심', '저녁']
for(const i in arr)
{ console.log(`${i}번째 값: ${arr[i]}`) }

 

for of 반복문

for(const 반복 변수 of 배열 또는 객체){
  문장
}

반복 변수에 요소의 값이 들어간다.

for in 반복문은 arr[i]로 요소에 접근했지만

for of 반복문은 요소의 값을 반복할때 안정적이다.

반복 변수는 const를 쓴다.

 

(ex)

const arr = ['아침', '점심', '저녁']
for(const data of arr)
{ console.log(`값: ${data}`) }

 

for 반복문

for(let i=0; i<반복횟수; i++)
{ 문장 }

흔히 쓰는 for문과 동일하다.

int i 또는 const i가 아닌 let i임을 유의!

 

(ex 1)

for(let i=0; i<5; i++)
{ console.log(`${i}번`); }

(ex 2)

const arr =['아침', '점심', '저녁']
for(let i=0;i<arr.length;i++)
{ console.log(`${arr[i]}`) }

 

 

while 반복문

while(불 표현식) {
    문장
}

 

(ex)

let i=0;
while(confirm('계속 진행하겠습니까?'))
{ 
    alert(`${i}번째`);
    i++;
}

 

break 키워드

for(let i=0; i<3; i++){
    ...
    if(조건식)
    	break;
}

반복문 for이든 while이든 break를 통해 반복문 탈출을 결정할 수 있다.

 

(ex)

let i=0;
while(true)
{
    alert(`${i}`);
    if(confirm('그만하시겠습니까?'))
    	break;
}

 

continue 키워드

for(let i=0; i<3; i++){
    ...
    if(조건식)
    	continue;
}

반복문 처음으로 돌아간다.

 

(ex)

let i=0;
while(true)
{
	alert(`${i}`);
    if(!confirm('그만하시겠습니까?'))
    {	
        i++;
        continue;
    }
    else
    	break;

}

 

중첩 반복문

for(let i=1; i<=5; i++)
{
	let arr='';
	for(let j=1; j<=i; j++)
             arr+='*';
	arr+='\n';
	console.log(arr);
}

'프로그래밍 > JavaScript' 카테고리의 다른 글

[JavaScript] 함수  (0) 2022.11.01
[혼공스] Ch.4-2  (0) 2022.10.30
[JavaScript] 배열 요소 추가 및 삭제  (0) 2022.10.23
[JavaScript] 문자열을 배열로 만들기 (split)  (0) 2022.10.15
[혼공스] CH.3-2 마무리  (0) 2022.10.15
Comments