01. if문
조건문은 프로그래밍에서 가장 기본적인 구문 중 하나입니다. 조건문을 사용하면 프로그램이 특정 조건에 따라서 다른 동작을 하도록 할 수 있습니다.
{
if(조건식){
document.write("실행되었습니다.(true)")
} else {
document.write("실행되었습니다.(false)")
}
}
if문의 true 값과 false값
false : 0, null, undefined, false, ""(빈문자열)
true : 1,2,3,"0", "1", "ABC", [배열], {객체}, true
02. if문 생략
if문 형식에서 { }생략해서 쓸 수 있습니다.
{
const num = 100;
if(num){
document.write("실행되었습니다.(true)");
} else {
document.write("실행되었습니다.(false)");
} //생략 전 표현법
if(num) document.write("실행되었습니다.(true)");
else document.write("실행되었습니다.(false)");
}
결과 확인하기
03. 삼항 연산자
데이터가 많을 때 메모리 차지를 많이하므로 삼항을 쓰면 더 메모리 관리하기 쉽습니다.
{
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문과 else문 사이에 추가되며, 다양한 조건을 검사할 때 사용됩니다.
{
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문의 조건이 참일 때 내부 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)")
}
}
결과 확인하기
실행되었습니다.(2)
실행되었습니다.(3)
06. switch문
break를 쓰면 맞는 결과에서 멈추기 때문에 무한으로 빠지지 않으며 데이터를 덜 쓸 수 있습니다.
{
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;
default:
document.write("0")
}
}
결과 확인하기
07. while문
while은 조건이 한번이라도 안맞으면 실행되지 않습니다.
{
for(let i=0; i<5; i++){
document.write(i);
}
let num = 0;
while(num<5){
document.write(num);
num++;
}
}
결과 확인하기
08. do while문
do while은 조건이 한번이라도 맞으면 실행됩니다.
{
let num2 = 0;
do {
document.write(num2);
num2++;
} while (num2<5) ;
}
결과 확인하기
09. for문
가장 기본적인 반복문 중 하나입니다.
반복해서 코드를 실행할 때 사용됩니다.
반복문을 이용하면 같은 코드 블록을 여러 번 실행할 수 있습니다.
for(let i=1; i<=100; i++){
document.write(i);
}
결과 확인하기
2
3
4
.
.
.
100
10. 중첩 for문
반복문 안에 반복문이 중첩 되어있는 형태입니다.
{
for(let i=1; i<=10; i++){
document.write(i,"<br>");
for(let j=1; j<=10; j++){
document.write(j);
}
}
}
결과 확인하기
1 2 3 4 5 6 7 8 9 10
2
1 2 3 4 5 6 7 8 9 10
3
1 2 3 4 5 6 7 8 9 10
4
1 2 3 4 5 6 7 8 9 10
5
1 2 3 4 5 6 7 8 9 10
6
1 2 3 4 5 6 7 8 9 10
7
1 2 3 4 5 6 7 8 9 10
8
1 2 3 4 5 6 7 8 9 10
9
1 2 3 4 5 6 7 8 9 10
10
1 2 3 4 5 6 7 8 9 10
11. break문
반복문이나 switch문 내에서 사용되어 해당 반복문이나 switch문을 중지하는 역할을 합니다.
for문에서 break를 사용하면 반복문을 즉시 종료하고, while문이나 do-while문에서는 다음 반복을 실행하지 않고 종료합니다.
switch문에서는 break를 만나면 switch문을 종료하고 다음 코드로 이동합니다.
{
for(let i=1; i<20; i++){
if(i == 10){
break;
}
document.write(i);
}
}
결과 확인하기
break문의 위치
{
for(let i=1; i<20; i++){
document.write(i);
if(i == 10){
break;
}
}
}
break문은 위치에 따라 값이 변합니다.
위 연산의 결과는 1부터 10까지의 수가 나옵니다.
12. continue문
반복문(for, while, do-while) 내에서 사용되어 해당 반복문에서 다음 반복으로 넘어가게 하는 역할입니다.
for문에서 continue를 사용하면 해당 반복에서 continue 이후의 코드를 실행하지 않고 다음 반복을 실행합니다.
while문이나 do-while문에서도 마찬가지로 해당 반복에서 continue 이후의 코드를 실행하지 않고 다음 반복을 실행합니다.
{
for(let i=1; i<20; i++){
if(i == 10){
continue;
}
document.write(i);
}
}
결과 확인하기
continue문 연산
{
for(let i=1; i<20; i++){
document.write(i);
if(i == 10){
continue;
}
}
}
continue문도 위치에 따라 값이 변합니다.
위 연산의 결과는 1부터 19까지의 수가 나옵니다.