01. if문
if문은 프로그램의 조건부 흐름을 제어하는 데 사용되며, 조건이 참이면 특정 동작을 수행하고 거짓이면 다른 동작을 수행하도록 도와줍니다.
{
// true : true, "문자열", 1, 2, "1", "2", [], {}
// false : false, 0, null, undefined ""(빈문자열)
if([]){
document.write("실행되었습니다.(true)");
} else {
document.write("실행되었습니다.(false)");
}
}
JavaScript에서 if문은 조건을 평가하고 해당 조건이 참(true)이면 특정 코드 블록을 실행하는 데 사용됩니다.
결과 확인하기
02. 다중 if문
다중 if 문은 if, else if, else 구문을 조합하여 구현됩니다.
{
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("실행되었습니다.");
}
}
다중 if 문을 사용하여 여러 조건을 효과적으로 처리할 수 있으며, 각 조건에 따라 다른 동작을 수행하도록 프로그램을 제어할 수 있습니다.
결과 확인하기
03. 중첩 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");
}
}
중첩된 if문을 남용하면 코드가 복잡해질 수 있으므로 신중하게 사용하는 것이 좋습니다.
결과 확인하기
04. if문 생략 & 삼항 연산자
자바스크립트에서 if문을 생략하고 삼항 연산자를 사용하여 조건부로 값을 반환하거나 변수에 할당할 수 있습니다.
{
// if문 생략
const num = 100;
if(num == 100) document.write("실행되었습니다.(true)");
if(num == 100) document.write("실행되었습니다.(true)");
else document.write("실행되었습니다.(false)");
// 삼항 연산자 (조건식 연산자)
const num = 100;
(num == 100) ? document.write("true") : document.write("false");
}
자바스크립트에서는 잘 생략하지 않습니다.
결과 확인하기
실행되었습니다.(true)
true
05. switch문
JavaScript의 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("실행되었습니다.");
}
}
switch 문은 주로 특정 변수의 여러 가능한 값에 따라 다른 동작을 수행할 때 유용합니다.
결과 확인하기
06. while문
while문을 이용해 1부터 10까지 출력하는 예제입니다.
{
// 1-10까지 출력하는 for()
for(i=1; i<11; i++){
document.write(i);
}
// while문을 사용
let num = 1;
while(num<=10){
document.write(num);
num++;
}
}
1. 변수 num에 1의 값으로 초기화합니다.
2. while문으로 변수 num이 10보다 작을경우 루프합니다.
3. 화면에 num의 값을 출력하고 한번 끝날때마다 변수 num이 1증가합니다
3. 끝날때까지 반복합니다.
결과 확인하기
12345678910
07. do while문
do while문을 이용해 1부터 10까지 출력하는 에제입니다.
{
let num = 1;
do {
document.write(num);
num++;
} while(num<=10);
}
do while문은 반드시 한 번은 코드를 실행하고 조건식을 검사합니다.
결과 확인하기
08. for문
for문은 조건식을 만족할 때까지 특정 코드를 반복하여 실행합니다.
{
for(let i=1; i<=10; i++){
document.write(i);
}
}
초깃값 1을 설정하고 10보다 작거나 같을경우 실행되며, 반복될때마다 i의 값이 1씩증가합니다.
이 동작을 끝날때까지 반복합니다.
결과 확인하기
09. break문
break문을 이용해 데이터를 제어합니다.
{
for(i=1; i<10; i++){
if(i==5){
break;
}
document.write(i);
}
}
for문으로 10까지 출력하는 코드지만 break문에 의해 5가되었을때 조건식과 상관없이 반복문을 강제종료합니다.
결과 확인하기
10. continue문
continue문을 이용해 데이터를 불러옵니다.
{
for(i=1; i<10; i++){
if(i==5){
continue;
}
document.write(i);
}
}
continue문은 반복문에서만 사용할 수 있습니다. while문에 사용할 경우 continue 문 다음에 오는 코드는 무시하고 바로 조건식으로 이동해 조건 검사를 합니다.
결과 확인하기
11. 중첩 for()
for()문 안에 for()문을 사용할 수 있습니다.
{
for(let i=2; i<10; i++){
console.log(i+"단"+"<br>");
for(let j=1; j<=9; j++){
console.log(i+" * "+j+" = "+(i*j)+"<br>");
}
}
}
1. 바깥쪽 for 루프: i 변수를 사용하여 2부터 9까지의 숫자를 반복합니다.
이 루프는 구구단의 각 단을 나타냅니다.
2. 내부 for 루프: j 변수를 사용하여 1부터 9까지의 숫자를 반복합니다.
이 루프는 현재 단의 구구단을 계산하고 출력합니다.
3. document.write()를 사용하여 현재 단과 곱셈 결과를 출력합니다.