01. if문
조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.
{
// false : 0, null, undefined, false, ""(빈문자열)
// true : 0을 제외한 숫자, "문자열", [배열], {객체}, true
if(0){
document.write("실행되었습니다.(true)");
} else {
document.write("실행되었습니다.(false)");
};
}
결과 확인하기
실행되었습니다.(false)
조건 : if문은 가장 일반적으로 사용되는 조건문입니다.
자바스크립트에서는 if문, switch문, 삼항 연산자 등의 조건문을 사용할 수 있습니다.
02. if문
조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.
{
const num = 100;
if(num == 200) document.write(num + "실행되었습니다. (true)"); //if문 대괄호 생략 가능합니다.
else document.write(num+ "실행되었습니다. (false)");
}
결과 확인하기
100실행되었습니다. (false)
//num 값이 200일시 (true)
//num 값이 200일시 (true)
03. 삼항 연산자
조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.
{
const num = 100;
if(num == 100){
document.write("true"); //num값이 100이 맞다면 true
} else { //위에 값이 조건에 안맞다면 else로 넘어가기
document.write("false");
}
--------------------------------------------------------------------
(num == 100) ? document.write("true") : document.write("false"); //? - 조건문 : - true,false 중 하나를 출력합니다.
}
//위에있는 코드와 아래에 있는 코드는 같은 값을 냅니다.
//밑에 열에 있는 삼항 연산자를 이용해 코드를 줄일 수 있습니다.
결과 확인하기
true
04. 다중 if
조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.
{
// == 는 숫자,문자열 구분x
// === 는 숫자,문자열 구분o
const num = 150;
if(num == 90){ //num값이 90과 같을때 { }안에 있는 값을 실행
document.write("실행되었습니다(mum == 90)");
} else if(num == 100){
document.write("실행되었습니다(mum == 100)");
} else if(num == 110){
document.write("실행되었습니다(mum == 110)");
} else if(num == 120){
document.write("실행되었습니다(mum == 120)");
} else { //위에 조건문들이 조건에 안맞아서 else까지 내려왔다면 { }안에 있는 값을 실행
document.write("실행되었습니다");
}
}
결과 확인하기
실행되었습니다.
//num 값이 150이기 때문에 아무조건에 해당이 안되기 때문 마지막 else문 값 출력합니다.
05. 중첩 if
조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.
{
const num = 125;
if(num > 100){
document.write("실행되었습니다.(1)
");
if(num > 120){
document.write("실행되었습니다.(2)
");
if(num > 130){
document.write("실행되었습니다.(3)
");
}
}
} else {
document.write("실행되었습니다.(4)
");
}
}
결과 확인하기
실행되었습니다.(1)
실행되었습니다.(2) //num의 값이 130을 못넘기 때문에 실행되었습니다.(1~2)번만 출력됩니다.
실행되었습니다.(2) //num의 값이 130을 못넘기 때문에 실행되었습니다.(1~2)번만 출력됩니다.
06. switch문
switch() 에 적힌 데이터와 case 뒤에 적힌 데이터를 서로 비교하여, 일치하면 실행, 일치하지 않으면 다음 case 문으로 넘어갑니다.
{
const num = 60;
switch(num){
case 90:
document.write("실행90");
break; //break문을 안쓰면 무한에 걸립니다.
case 80:
document.write("실행80");
break;
case 70:
document.write("실행70");
break;
case 60:
document.write("실행60");
break;
case 50:
document.write("실행50");
break;
default:
document.write("0");
}
}
결과 확인하기
실행60
07. while문
while문은 조건문이 참일 때 실행되는 반복문입니다.
조건은 문장안이 실행되기 전에 참, 거짓을 판단합니다.
{
let num = 0;
while(num < 5){
document.write(num);
num++;
}
}
결과 확인하기
01234
08. do while문
while문은 조건문이 참일 때 실행되는 반복문입니다.
조건은 문장안이 실행되기 전에 참, 거짓을 판단합니다.
{
let num2 = 0;
do {
document.write(num2);
num2++
} while (num2 < 5);
}
결과 확인하기
01234
09. for문
for문을 이용해 데이터를 출력하는 방법입니다.
{
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
for(let i=1; i<=arr.length; i++){ //arr.length : 배열의 갯수 값입니다.
if (i % 2 == 0){
document.write(""+i+"");
}
else {
document.write(`"${i}"`);
}
}
결과 확인하기
10. 중첩 for문
조건문은 프로그램에서 조건에 따라 실행할 코드를 결정하는데 사용되는 구문입니다.
{
for(let i=1; i<=10; i++){
document.write(i, "<br>");
for(let j=1; j<=10; j++){
document.write(j);
}
}
}
결과 확인하기
01234
11. break문
break 문은 현재 반복문, switch 문, 또는 label 문을 종료하고, 그 다음 문으로 프로그램 제어를 넘깁니다.
{
for(let i=1; i<20; i++){
if(i == 10){
break;
}
document.write(i, " ");
}
}
결과 확인하기
123456789
12. continue문
continue 문은 현재 또는 레이블이 지정된 루프의 현재 반복에서 명령문의 실행을 종료하고
반복문의 처음으로 돌아가여 루프문의 다음 코드를 실행합니다.
{
for(let i=1; i<15; i++){
if(i == 10){
continue;
}
document.write(i," ");
}
}
결과 확인하기
1234567891112131415
//값 10이 넘어갔습니다.