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 |
댓글