티스토리 뷰
01. if문
{
//조건문
*중요함//true, false, 1, "1", 0, "0", null, undefined, [], {}
if(true){
document.write("실행되었습니다.(true)");
} else {
document.write("실행되었습니다.(false)");
}
}
결과보기
실행되었습니다.(true)
02. if문 생략
{
const num = 100;
if( num == 100 ) document.write("실행되었습니다.(true)");
else document.write("실행되었습니다.(false)");
}
결과보기
실행되었습니다.(true)
03. 다중 if문
{
const num = 100;
if( num == 90 ){
document.write("실행되었습니다(num==90)");
} else if (num == 100) {
document.write("실행되었습니다(num==100)");
} else if (num == 110) {
document.write("실행되었습니다(num==110)");
} else if (num == 120) {
document.write("실행되었습니다(num==120)");
} else {//마지막엔 if를 사용하지 않음
document.write("실행되었습니다(num==값이없음)");
}
}
결과보기
실행되었습니다(num==100)
04. 중첩 if문
{
const num = 100;
if(num == 100){
document.write("실행되었습니다(1)");
if(num == 100){
document.write("실행되었습니다(2)");
if(num == 100){
document.write("실행되었습니다(3)");
}
}
} else {
document.write("실행되었습니다(4)");
}
}
결과보기
실행되었습니다(1)
실행되었습니다(2)
실행되었습니다(3)
실행되었습니다(2)
실행되었습니다(3)
05. 삼항연산자
{
const num = 100;
//if( num == 100){
// document.write("true");
//} else {
// document.write("false");
//}
(num == 100) ? document.write("true") : documente.write("false");
}
결과보기
true
06. switch문 //조건을 넣을수 없음
{
const num = 100;
switch(num){
case 100 :
document.write("실행되었습니다(num==100)");
break;
case 200 :
document.write("실행되었습니다(num==200)");
break;
case 300 :
document.write("실행되었습니다(num==300)");
break;
default :
document.write("실행되었습니다(num==값이없음)");
break;
}
}
결과보기
실행되었습니다(num==100)
07. while문
{
let num = 1;
while(num <= 5){
document.write( num + ". 실행되었습니다.");
num++;
}
}
결과보기
1. 실행되었습니다.
2. 실행되었습니다.
3. 실행되었습니다.
4. 실행되었습니다.
5. 실행되었습니다.
2. 실행되었습니다.
3. 실행되었습니다.
4. 실행되었습니다.
5. 실행되었습니다.
08. do while문
{
let num = 1;
do {
document.write(num + ". 실행되었습니다.");
num++;
} while (num <= 5);
}
결과보기
1. 실행되었습니다.
2. 실행되었습니다.
3. 실행되었습니다.
4. 실행되었습니다.
5. 실행되었습니다.
2. 실행되었습니다.
3. 실행되었습니다.
4. 실행되었습니다.
5. 실행되었습니다.
09. for문
{
for(let i=1; i<=10; i++){
document.write(i + ". 실행되었습니다.");
}
}
결과보기
1. 실행되었습니다.
2. 실행되었습니다.
3. 실행되었습니다.
4. 실행되었습니다.
5. 실행되었습니다.
2. 실행되었습니다.
3. 실행되었습니다.
4. 실행되었습니다.
5. 실행되었습니다.
10. 중첩 for문
{
for( let i=1; i<=2; i++){
document.write(i + ". 실행(i)되었습니다.");
for(let j=1; j<=3; j++){
document.write(j + ". 실행(j)되었습니다.");
}
}
}
결과보기
1. 실행(i)되었습니다.
1. 실행(j)되었습니다.
2. 실행(j)되었습니다.
3. 실행(j)되었습니다.
2. 실행(i)되었습니다.
1. 실행(j)되었습니다.
2. 실행(j)되었습니다.
3. 실행(j)되었습니다.
1. 실행(j)되었습니다.
2. 실행(j)되었습니다.
3. 실행(j)되었습니다.
2. 실행(i)되었습니다.
1. 실행(j)되었습니다.
2. 실행(j)되었습니다.
3. 실행(j)되었습니다.
11. break문
{
//while문을 이용해서 0~10까지 출력하시오!
let num = 1;
while(num <= 10){
document.write( num );
if(num == 10){
break;
}
num++;
}
//for문을 이용해서 0~10까지 출력하시오!
for(let i=1; i<=10; i++){
document.write(i);
if(i == 10){
break;
}
}
}
결과보기
12345678910
12345678910
12345678910
12. continue문 - 한번 쉬고 그다음 값으로 넘어감
{
//while문을 이용해서 1~10까지 출력
let num = 0;
while(num < 10){
num++;
if(num == 5){
continue;
}
document.write(num);
}
//for문을 이용해서 1~10까지 출력
for(let i=1; i<=10; i++){
if( i == 5){
continue;
}
document.write(i);
}
}
결과보기
1234678910
1234678910
1234678910
'Javascript' 카테고리의 다른 글
Javascript 이벤트 버블링 / 캡쳐링 (0) | 2022.02.23 |
---|---|
배열 Method (0) | 2022.02.15 |
Javascript 함수의 종류 (1) (0) | 2022.02.14 |
Javascript 데이터 불러오는 방법 (0) | 2022.02.14 |
Javascript 데이터 저장 방법 (0) | 2022.02.10 |
댓글
© 2018 webstoryboy