01. if문
조건문은 프로그래밍에서 가장 기본적인 구문 중하나입니다.
조건문을 사용하면 프로그램이 특정 조건에 따라서 다른 동작을 하도록 할 수 있습니다.
{
//false : 0 (숫자 0만 false), null(값이없는것), undefined, false, ""(빈문자열) // 5가지가 전부 **중요
//ture : 1, 2, 3, "0", "1", "ABC"(숫자,문자는 ture), [](배열), {}(객체), true
if(1){
document.write("실행되었습니다.(ture)");
} else {
document.write("실행되었습니다.(false)");
}
if(0){
document.write("실행되었습니다.(ture)");
} else {
document.write("실행되었습니다.(false)");
}
}
결과 확인하기
02. if문 생략
if문이나 else 문에서 명령이 한줄이면 { }를 생략해서 좀 더 간단하게 작성할 수 있습니다.
{
const num = 100;
if(num){
document.write("실행되었습니다.(true)");
} else {
document.write("실행되었습니다.(false)");
}
if(num) document.write("실행되었습니다.(true)"); //위와같다.
else document.write("실행되었습니다.(false)");
}
결과 확인하기
03. 삼항 연산자(조건 연산자)
삼항 연산자는 else if문 대신에 간단한 조건식을 사용할 수 있게 해줍니다.
조건이 참인 경우에 처음에 나오는 값을 반환하고, 거짓인 경우에 두번재 값을 반환합니다.
{
const num = 100;
if(num == 100){
document.write("true");
} else {
document.write("false"); //원본, 두가지 다 읽음
}
(num == 100) ? document.write("true") : document.write("false"); //한가지만 읽음 효율적
}
결과 확인하기
04. 다중 if(else if)
if문 이후에 여러 개의 조건을 검사해야 할 경우 사용합니다.
여러 개의 조건 중 하나가 참인 경우 해당하는 값을 실행하고 전체 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("실행되었습니다.");
}
}
결과 확인하기
05. 중첩 if문
중첩 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)")
}
}
결과 확인하기
06. swtich문
체크해야 할 조건값이 많을 경우에는 여러개의 if...else문을 사용하는 것보다 switch문이 더 편리합니다.
{
const num = 100;
switch(num){
case 90:
document.write("실행90");
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; //break문을 넣어서 무한값을 멈추게함(생략가능)
default:
document.write("0")
}
}
결과 확인하기
07. while문(반복문)
while 반복문은 조건이 참 (ture)인 동안 문장을 반복합니다.
조건부터 체크한 후 ture일 경우에만 문장을 반복합니다.
{
let num = 0;
while(num<5){ //조건에 맞지않으면 실행x 거의 쓰지 않음 시험x 알고만 있으면됨
document.write(num);
num++;
}
}
결과 확인하기
08. do while문
while문과 달리 do...while문은 조건이 맨 뒤에 붙습니다.
문장을 일단 한번 실행한 후 조건을 체크합니다.
조건이 false라고 해도 일단 문장이 최소한 한 번은 실행됩니다.
{
let num2 = 0;
do {
document.write(num2);
num2++;
} while (num2<5);
}
결과 확인하기
09. 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 +" </span>");
} else {
document.write(`<span style='color:blue'>${i}</span>`);
}
}
}
결과 확인하기
10. 중첩 for문(table)
중첩 for문을 이용해 table을 만드는 방법입니다.
{
let table = "<table border='1'>";
for(let i=0; i<5; i++){
table +="<tr>";
for(j=0; j<5; j++){
table += "<td>" +j+ "</td>";
}
table +="</tr>";
}
table += "</table>";
document.write(table);
}
결과 확인하기
11. break문
반복문은 지정한 횟수만큼 명령을 반복하지만, 조건에 따라 반복문을 중간에 끝낼 수 도 있습니다.
그떄 break문을 사용합니다. 종료 조건이 되기 전에 반복문을 빠져나와야 할때
{
for(let i=1; i<20; i++){
if(i == 10){
break;
}
document.write(i);
}
}
결과 확인하기
12. continue문
조건에 해당되는 값을 만났을 때 실행하던 반복 문장을 건너뛰고 반복문의 맨 앞으로 되돌아가서 다음 반복 과정으로 넘어가도록 합니다.
{
for(let i=1; i<20; i++){
if(i == 10){
continue;
}
document.write(i); //위치에 따라 값이 달라짐
}
}