Javascript 반복문

for 반복문

for문은 지정된 횟수만큼 특정한 코드를 반복 수행하는 역할을 합니다. 지정된 횟수는 숫자를 통해 지정할 수 있으며, 배열(array)이나 객체(object)의 길이만큼 반복하며 해당하는 값이나 키를 이용할 수 있습니다.

for

기본적인 for문은 아래와 같은 구조로 작성되게 됩니다.

for (ⓐlet i = 0;  ⓑi < 10; ⓒi=i+1) {
	실행할 코드
} 

첫 번째 괄호에는 for문 수행횟수를 결정하는 값들을 입력합니다.

ⓐ 초기치선정

: 초기치로 활용되는 변수를 선언하고 값을 설정합니다.

※ for문 이전에 선언한 변수를 활용하여서도 가능

ⓑ 수행조건

: loop문을 지속해서 수행하는 조건을 입력합니다. (조건을 만족하는 동안 수행)

ⓒ loop가 끝날 때 변경 되는 값

: 코드를 수행하고나서 지정값(i) 의 변경되는 정도를 입력합니다.

💡

편의성 높은 입력방식 i+=1 // i=i+1 i++ // i=i+1 i— // i=i-1 i*=2 // i=i*2

하단의 중괄호 아래에는 값이 지정되었을 때 수행하고자 하는 코드를 입력합니다.

for of

배열(array)에 있는 요소마다 반복수행을 위해서는 for of문을 사용합니다.

let array = ['Naver', 'Google', 'Kakao']
for (const value of array) {
	console.dir(value)
}
// 출력값
	//Naver
	//Google
	//Kkao

for of는 주어진 배열의 길이만큼 명령을 수행하게 됩니다. 따라서, 별도의 조건이나 값의 변경조건에 대한 입력은 필요없습니다. 위 코드와 같이 loop문이 수행될 때 값으로 지정될 변수를 선언 이후, of array 를 통해 참조할 배열명을 입력하면 됩니다.

for in

객체(object)의 속성에 대한 반복수행을 위해서는 for in문을 사용합니다.

let userData = {
	Name: "홍길동",
	age: 32,
} ;

for (const key in userData) {
	const outputText = key.toUpperCase() + ": " + userData[key];
	console.dir(outputText);
}

// NAME: 홍길동
// AGE: 32

for in 반복문은 객체의 속성값에 대해서 특정한 코드를 수행합니다. 속성 값은 object[key]를 통해 접근할 수 있습니다.

While 반복분

For문이 주어진 값, 배열, 객체의 길이만큼 수행하는 반복문이라면, while문은 특정한 조건을 만족하는 동안 명령을 반복 수행합니다. 아래 예시를 통해서 while문에 대해 살펴보도록 하겠습니다. 아래는 랜덤으로 숫자를 뽑아서 0.5보다 작은 값이 나올 때까지 반복수행하는 코드입니다.

let isFinished = false;      // ⓐ
let randomNumnberList = [];

while (!isFinished ) {       // ⓑ
	let randomNumber = Math.random();    // ⓒ
	randomNumnberList.push(randomNumber);
	isFinished = randomNumber < 0.5         // ⓓ
}
console.dir(randomNumnberList);    

ⓐ 종료를 감지하는 boolean 변수 정의

: while문이 수행되는 조건을 확인하기 위해 사용되는 변수를 정의합니다.

※ while문이 수행되며 값이 변화되어야 하므로 let 으로 선언

ⓑ 반복수행 조건 입력

: while문이 수행되는 조건을 입력

ⓒ 반복수행 코드 입력

: 반복수행되는 코드를 작성

ⓓ Boolean 변수 update

: 계속 수행 및 종료를 확인하기 위해서 boolean 값을 업데이트 할 수 있는 코드작성

※ update가 진행되지 않거나 계속해서 true 값이 나오는 경우에는 코드가 무한하게 수행됨