01. if문
if문은 조건에 따라 코드 블록을 실행하는 프로그래밍 구조입니다.
{
if("조건식"){
document.write("실행 되었습니다.(true)");
} else {
document.write("실행 되었습니다.(false)");
}
}
true : "문자열", 1, true, [], {}
flase : false, 0, null, undefined, ""(빈 문자열)
결과 확인하기
02. 02. 다중 if문
다중 if문은 프로그램에서 여러 가지 조건을 확인하고, 조건이 참일 때 해당 코드를 실행하는 구조입니다.
각 조건은 차례대로 확인하고, 처음으로 참인 조건을 만나면 해당 코드 블록이 실행되고 나머지 조건은 무시됩니다.
만약 어떤 조건이 있어도 참이 아니면 마지막에 있는 다른 블록을 실행할 수 있습니다.
{
const num = 100;
if(num == 90){
document.write("실행되었습니다. (num == 90)");
} else if(num == 95) {
document.write("실행되었습니다. (num == 95)");
} else if(num == 100) {
document.write("실행되었습니다. (num == 100)");
} else if(num == 105) {
document.write("실행되었습니다. (num == 105)");
} else {
document.write("실행되었습니다.");
}
}
다음 조건이 있다면 else if이고 다음 비교할 조건이 없을 땐 else로 끝냅니다.
결과 확인하기
03. 중첩 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");
}
}
다중 if문을 사용하면 여러 가지 조건을 확인하고, 각 응답에 따라 다른 동작을 수행할 수 있습니다.
결과 확인하기
04. if문 생략 && 삼합 연산자
if문 생략은 조건을 축약하고 간단하게 표현하는 방법으로, 조건이 참이면 논리 코드를 한 줄로 수 있어 코드를 간결하게 포함합니다.
삼합 대신(삼항 연산자)은 조건에 따라 값을 반환하는 위치입니다. 조건이 참이면 첫 번째 값이 반환되고, 다시는 두 번째 값이 반환됩니다. (예: x if 조건 else y)
{
const num = 100;
if(num){
document.write("실행되었습니다. (true)");
}
if(num) document.write("실행되었습니다. (true)");
else document.write("실행되었습니다. (false)");
// 삼항 연산자 (조건식 연산자)
(num == 100) ? document.write('true') : document.write('false');
}
if문 생략은 가독성이 떨어져 자주 사용되지 않고 삼항 연산자가 많이 쓰입니다.
결과 확인하기
05. switch문
:변수값이 맞는지 안 맞는지 확인하는 용도
여러 가지 경우에 따라 다른 동작을 수행하도록 구현된 제어 구조입니다.
주로 하나의 활동을 실천하는 가치를 기반으로 다양한 선택 사항 중 하나를 실행합니다.
{
const num = 100;
switch(num){
case 90:
document.write("실행되었습니다. (90)");
break;
case 95:
document.write("실행되었습니다. (95)");
break;
case 100:
document.write("실행되었습니다. (100)");
break;
case 105:
document.write("실행되었습니다. (105)");
break;
default:
document.write("실행되었습니다.");
}
}
break; 하지 않으면 무한에 빠지게 됩니다.
결과 확인하기
06. while문
특정 조건이 참인 동안 반복적으로 코드 블록을 실행하는 프로그래밍 구조입니다.
조건이 참일 때마다 루프를 반복하며, 조건이 거짓이 되면 루프가 종료됩니다.
이를 통해 반복 작업을 수행하거나 조건이 충족될 때까지 작업을 반복할 수 있습니다.
{
let num = 1;
while(num<=10){
document.write(num);
num++;
}
}
죽은 문법으로 자주 사용되지 않습니다.
결과 확인하기
07. do while문
조건이 뒤에 있어 거짓이어도 한번은 실행됩니다.
{
let num = 1;
do {
document.write(num);
num++;
}while(num<=10);
}
마찬가지로 죽은 문법으로 자주 사용되지 않습니다.
결과 확인하기
08. for문
반복 작업을 수행하는 루프 구조 중 하나입니다.
일반적으로 리스트, 배열, 범위 등의 순회 가능한(iterable) 데이터에 대해
각 요소를 순차적으로 접근하고 처리하는 데 사용됩니다.
{
for( let i = 1; i<=10; i++){
document.write(i);
}
}
루프 종료: 반복 작업이 모두 완료되면 for문은 종료됩니다
결과 확인하기
09. break문
반복문 (예: for 루프 또는 while 루프) 내에서 사용되며, 실행 중인 반복문을 즉시 종료하고 루프를 빠져나오는 역할을 합니다.
{
for(let i = 1; i<10; i++){
if(i = 5){
break;
}
document.write(i);
}
}
break는 루프 전체를 종료하고 루프를 빠져나오며 주로 특정 조건이 충족되면 루프를 종료하는 데 사용됩니다.
결과 확인하기
10. continue문
반복문 (예: for 루프 또는 while 루프) 내에서 사용되며, 실행 중인 반복의 현재 루프 이후의 코드를 건너뛰고 다음 반복 단계로 진행합니다.
이는 특정 조건을 만족하는 경우 루프 내의 일부 코드를 건너뛰고자 할 때 사용됩니다.
{
for(let i = 1; i<10; i++){
if(i == 5){
continue; //넘기고 다음거 나옴
}
document.write(i);
}
}
continue는 현재 반복 단계만 건너뛰고 다음 반복으로 진행합니다.
주로 특정 조건을 만족할 때 특정 반복 단계를 건너뛰는 데 사용됩니다.