01. if문
조건문은 프로그래밍에서 가장 기본적인 구문 중 하나입니다. 조건문을 사용하면 프로그램이 특정 조건에 따라서 다른 동작을 하도록 할 수 있습니다.
{
// false : 0, null, undefined, false, ""(빈문자열)
// true : 1, 2, "0", "1", "ABC", 배열[ ], 객체{ }, false
if(조건식){
document.write("실행되었습니다.(true)");
} else {
document.write("실행되었습니다.(false)");
}
}
결과 확인하기
실행되었습니다(false)
02. if문 생략
한줄로 나열할 때 중괄호{ }를 생략할 수 있습니다.
{
const num = 100;
// if(num){
// document.write("실행되었습니다.(true)");
// }else {
// document.write("실행되었습니다.(false)");
// }
if(num) document.write("실행되었습니다.(true)");
else document.write("실행되었습니다.(false)");
}
결과 확인하기
실행되었습니다(true)
실행되었습니다(true)
실행되었습니다(true)
03. 삼항 연산자
else if문을 생략하여 다음과 같은 형식으로 나열한 후 그 결과가 참 혹은 거짓에 해당하는 것만 결과값이 산출됩니다.
{
const num = 100;
if(num == 100){
document.write("true");
} else {
document.write("false");
}
(num == 100) ? document.write("true") : document.write("false");
//위 방법으로 써야 true만 읽음
}
결과 확인하기
실행되었습니다(false)
04. 다중 if
else 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 {
document.write("실행되었습니다.)";
}
}
결과 확인하기
실행되었습니다(num==100)
05. 중첩 if문
if문 안에 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)");
}
}
결과 확인하기
실행되었습니다(false)
06. switch문
switch문은 조건에 따라 다른 코드 블록을 실행하는 제어문입니다.
{
const num = 100;
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;
default:
document.write("0")
}
}
결과 확인하기
실행되었습니다.(1)실행되었습니다.(2)실행되었습니다.(3)
07. while문
else if문을 사용한 여러 조건식 중 해당하는 값만 실행됩니다.
{
for(let i=0; i < 5; i++){
document.write(i);
}
let num = 0; //초기값
while(num < 5){ //조건식
document.write(num);
num++; //증감식
}
let num2 = 0;
do {
document.write(num2);
num2++;
} while (num2 < 5);
}
결과 확인하기
실행되었습니다(num==100)
08. do while문
while문은 do while문으로 바꾸어 사용 가능합니다.
{
let num = 0;
do {
document.write(num);
num++;
} while (num < 5);
}
결과 확인하기
0123409. for문
for문과 if문을 사용하여 배열값 1~9중에 짝수는 빨강 홀수는 파랑이 나오도록 가능합니다.
{
const arr = [1,2,3,4,5,6,7,8,9];
for(let i=1; i<arr.length; i++){
if(i % 2 == 0){
document.write("<span style='color:red'>"+i+"");
} else {
document.write(`<span style='color:blue'>${i}`);
}
}
결과 확인하기
10. 데이터 제어하기 : 중첩 for문
for문 안에 for문을 넣어 반복에 대한 반복을 실행시킬 수 있다.
{
let table = "<table border=1>";
let count = 1;
for(let i=1; i<=5; i++){
table += ""
for(let j=1; j<=5; j++){
if(count % 2 == 0){
table += "<td style='color:red'>" + count + "</td>"
} else {
table += "<td style='color:blue'>" + count + "</td>"
}
count++
}
table += "</tr>"
}
table += "</table>";
document.write(table);
}
}
결과 확인하기
11. break문
for문과 if문을 사용하여 배열값 1~9중에 짝수는 빨강 홀수는 파랑이 나오도록 가능합니다.
{
for(let i =1; i < 20; i++){
if(i == 10){
break;
}
document.write(i);
}
}
결과 확인하기
123456789
12. continue 문
for문과 if문을 사용하여 배열값 1~9중에 짝수는 빨강 홀수는 파랑이 나오도록 가능합니다.
{
for(let i =1; i < 20; i++){
if(i == 10){
continue;
}
document.write(i);
}
결과 확인하기
123456789111213141516171819