javascript,기초프로그래밍: 반복문, 제어문
2020. 12. 28. 12:46ㆍ프론트엔드/JavaScript
반응형
반복문
i: index의 약자
초기값: 반복을 확인해 줄 변수
조건문: 반복을 빠져나올 조건
증감식: 조건을 빠져나올 증감식
for
for(i=1;i<=10;i++){
document.write("hello!<br>")
}
while
var i=1;
while(i<=10){
document.write("hello<br>");
i++;
}
do ~ while
var i=1;
do{
document.write(i+"hello<br>");
i++;
}while(i<=10)
* while 과의 차이는 조건에 만족하지 않아도 일단 실행함.
실습
숫자 입력 받아 구구단 출력하기
var n=Number(prompt("숫자를 입력하세요",""));
for(i=1;i<=9;i++){
document.write(n+"*"+i+"="+n*i+"<Br>");
}
구구단 전체
for(i=2; i<=9; i++){
document.write("<h1>"+i+"단</h1><hr>");
for(j=1;j<=9;j++){
document.write(i+"*"+j+"="+i*j+"<br>");
}
}
for(i=1;i<=10;i++){
for(j=1;j<=i;j++){
document.write("❤");
}
document.write("<br>");
}
var star="";
for(i=1;i<=10;i++){
star +="⭐";
document.write(star+"<br>");
}
결과 :
더보기
❤
❤❤
❤❤❤
❤❤❤❤
❤❤❤❤❤
❤❤❤❤❤❤
❤❤❤❤❤❤❤
❤❤❤❤❤❤❤❤
❤❤❤❤❤❤❤❤❤
❤❤❤❤❤❤❤❤❤❤
⭐
⭐⭐
⭐⭐⭐
⭐⭐⭐⭐
⭐⭐⭐⭐⭐
⭐⭐⭐⭐⭐⭐
⭐⭐⭐⭐⭐⭐⭐
⭐⭐⭐⭐⭐⭐⭐⭐
⭐⭐⭐⭐⭐⭐⭐⭐⭐
⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
제어문
break; 조건을 만족하면 반복문을 벗어남
continue; 조건 만족한 경우만 skip, 나머지 반복문 실행
for(i=1;i<=10;i++){
if(i==5) break;
document.write("hello"+i+"<br>");
}
for(j=1;j<=10;j++){
if(j==5) continue;
document.write("helloJ"+j+"<br>");
}
결과:
더보기
hello1
hello2
hello3
hello4
helloJ1
helloJ2
helloJ3
helloJ4
helloJ6
helloJ7
helloJ8
helloJ9
helloJ10
반응형
'프론트엔드 > JavaScript' 카테고리의 다른 글
javascript: 객체(배열객체, 숫자객체), 실습- 요일 구하기, 달력 만들기 (0) | 2020.12.30 |
---|---|
javascript, 기초프로그래밍: 함수, 객체 (0) | 2020.12.29 |
javascript: 연산자 2탄, 기초프로그래밍:제어문(조건문) (0) | 2020.12.24 |
기초 프로그래밍언어 : 변수, javascript: 연산자 (0) | 2020.12.23 |
javascript: 자바스크립트의 기초 (0) | 2020.12.23 |