반복문 - while문

파일 생성

1. js4.html 파일을 만든다.

2. js4.js 파일을 만든다.

3. js4.html에서 js4.js 파일을 불러온다.

- 파일을 만드는 방법을 모른다면 해당 글을 참고한다.

 

while문

while문은 

var a = 1;	// 시작값
while(a < 11){	// 범위값
	console.log(a);
	a++;
}

 

위 코드에 나온 형태로 구성되어 있다.

while문 안에 증가 또는 감소를 적지 않을 경우 loop에 빠진다.

 

아래 코드는 내림차순으로 출력하는 코드이다.

var b = 10;
while(b > 0){
	console.log(b);
	b--;
}

 

 

[ 구구단을 출력하는 코드 ]

var c = 1;
while(c <= 9){
	console.log(7 + " * " + c + " = " + 7*c);
	c++;
}

 

while문 + 조건문

while문 안에 조건문을 써서 반복문을 만들 수 있다.

 

1~10까지 숫자 중 홀수만 출력하는 코드를 작성해 보면,

var d = 1;	// 시작값
while(d < 11){	// 범위값
	if(d % 2 == 1){	// 조건값 (2로 나누었을 때 나머지값이 1로 떨어지는 조건)
		console.log(d);	// 해당 조건이 맞는 값만 출력
	}
	d++;
}

 

해당 코드로 작성할 수 있다.

 

1. var d = 1; 코드로 시작값을 설정한다.

 

2. while(d < 11) 코드로 범위값을 설정한다.

 

3. if(d % 2 == 1) 코드로 2로 나누었을 때 나머지 값이 1로 떨어지는 조건문을 작성한다.

 

4. 해당 조건에 맞는 값만 출력한다.

 

조건문 + while문

조건문 안에 while문을 써서 조건문을 만들 수 있다.

 

사용자가 직접 2개의 숫자를 입력 시 반복문으로 작동되는 코드를 작성해 보면,

(단, 첫 번째 입력값과 두 번째 입력값이 더 큰 숫자를 무조건 입력)

- 범위값이 시작값보다 커야 된다.

var no1 = 5;	// 시작값
var no2 = 17;	// 범위값
if(no1 > no2) {
	console.log("숫자값을 잘못 입력하셨습니다.");
}
else if(no1 == no2){
	console.log("두 숫자값이 같으므로 입력을 다시 적용하세요");
}
else{
	while(no1 <= no2){	// 변수를 서로 비교하여 반복문 적용
		console.log(no1);
		no1++;
	}
}

 

해당 코드로 작성할 수 있다.

 

1. var no1 = 5; 코드로 시작값을 설정한다.

 

2. var no2 = 17; 코드로 범위값을 설정한다.

 

3. while(no1 <= no2) 코드로 변수를 서로 비교하여 반복문이 적용되도록 한다.

 

응용 문제

Q. while문과 조건문을 이용하여 다음과 같은 결과가 되도록 코드를 작성하시오.
1 ~ 100까지 숫자 중 5의 배수만 출력되도록 하시오.

A.

var num = 1;
while(num < 101){
	if(num % 5 == 0){
		console.log(num);
	}
	num++;
}