본문 바로가기
Frontend/Javascript

java script 반복문

by YERIEL_염주둥 2020. 3. 9.
728x90

1. while 반복문 : 조건식이 true일때 반복 실행

	var num = 0;
	while(num<100){
		console.log(num);
		num++;
	}
	while (num >0){
		console.log(num);
		num --;
	}

2. 반복문 for : for 안에 초기값, 조건식, 증감식이 포함되어있다.
  for(초기값 ; 조건식 ; 증감식){   }

for(var i=100; i>0;i--){
 		console.log('반복문 for i 값 출력 ; ', i);
 }

3. 이중 반복문

  for(초기값; 조건식; 증감식){ 
  	for(초기값; 조건식 ; 증감식){ 
  	} 
  }
  	 for(var i=0, i<10; i++){
		 if(i%2==0){
		 for(var n=0,n<10;n++){
			 console.log('이중반복문 i : ',i, 'n: ', n);			 
			 }
		 }
	 }

4. break - 반복문이 break 키워드를 만나면 더 이상 반복을 수행하지 않는다.

for(var i=0; i<100 ; i++){
			if(i > 10) break;
			console.log('break i>10 확인', i);
}

5. continue - 반복수행 중 continue를 만나면 아래의 로직을 수행하지 않고 다음 반복을 진행한다.

 for (var i=0;i <100; i++){
		 if(i%2==0)continue; //조건문을 간단하게 쓸때는 ;으로 끝내도 되긴하는데... 조건문이 간단하게 끝나지는 않켓죠?
		 console.log('i%2 == 0 >> continue 실행',i);
}

실습1.

<title>산술 연산자  + while</title>
<script type="text/javascript">

	var num = 0;
	/*
		실습1. while을 활용하여 반복문 100번을 실행하고
		100 실행 될 때 짝수만 출력 시켜라.
	*/
	while(num < 100){
		num++;
		if(num%2==0){
			console.log(num);
		}
	}

실습2.

<title>조건문 + 반복문 + 증감연산자</title>
<script type="text/javascript">
	/*
		실습2. 1~100까지 반복 시키고 3의 배수만 result 이라는 변수에 합산 시켜 최종 결과물만 콘솔에 출력시켜주세요.
	*/
	var num = 1;
	var result = 0;
	while(num =< 100){
		if(num % 3 == 0){
		result +=num;	
		}
		num++;
	} 
	console.log(result);
</script>

실습3.

<title>prompt + 반복문</title>
<script type="text/javascript">
	/*
		실습3. prompt 명령어를 숫자로 받아 구구단을 출력시켜주세요.
	*/
	var i = parseInt(prompt("0"));
	var m = 1;
	
	while(m<=9){
		console.log(m*i);
		m++;
	}
</script>

실습4.

<title>반복문 for + 조건식</title>
<script type="text/javascript">
	/*
		실습4. for문을 활용하여 0~99까지 반복을 돌리고 5의 배수만 콘솔창에 출력
	*/
	for(var i=0;i<100;i++){
		if(i%5==0 && i !=0 ){
			console.log(i);
		}
	}
</script>

실습5.

<title>이중반복문</title>
<script type="text/javascript">
	/*
		실습8. 이중반복문을 활용하여 구구단 1단부터 9단까지 출력하여라.
	*/
	for(var i = 1; i<10 ; i++){
		for(var n = 1; n<10; n++){
			console.log(i,'x',n,'=',i*n);
		}
	}


</script>
반응형

'Frontend > Javascript' 카테고리의 다른 글

javascript - 문서 객체 모델 style  (0) 2020.03.17
javascript -document 문서객체 모델  (0) 2020.03.16
java script 연산자 실습  (0) 2020.03.09
java script 연산자  (0) 2020.03.09
java script 객체  (0) 2020.03.09

댓글