01. if문
조건문은 프로그래밍에서 가장 기본적인 구문 중 하나입니다. 조건문을 사용하면 프로그램이 특정 조건에 따라서 다른 동작을 하도록 할 수 있습니다.
if 문은 표현식의 결과가 참(true)이면 주어진 실행문을 실행하며, 거짓(false)이면 아무것도 실행하지 않습니다.
{
// false : 0 , null, undefined, false, ""(빈문자열)
// true : 1, 2, 3, "0", "1", "ABC", [], {}, true
if(조건식){
document.write("실행되었습니다.(true)");
} else {
document.write("실행되었습니다. (false)");
}
}
결과 확인하기
false : 0, null, undefined, false, ""(빈문자열)
if문
if(조건식){//참 실행} else if{//참 실행} else {//거짓 실행}
02. if문 생략
if문을 생략하여 간결하게 사용할 수 있습니다.
{
const num = 100;
//if(num){
// document.write("실행되었습니다.(true)");
//} else {
// document.write("실행되었습니다.(false)");
//}
if(num) document.write("실행되었습니다.(true)");
else document.write("실행되었습니다.(false)");
}
결과 확인하기
if문 생략
if문을 생략하는 것은 어떤 조건에 따라서 코드 블록을 실행하거나 실행하지 않도록 하는 것입니다.
if문 조건식에 따른 결과 값
num 값이 숫자, 문자, 배열, 객체, true 이면 실행되었습니다.(true)
num 값이 0, null, undefined, false, ""(빈문자열) 이면 실행되었습니다.(false)
03. 삼항 연산자
삼항 연산자는 조건문에 대한 간단한 대안을 제공합니다.
이 연산자는 조건식을 평가하고, 값이 참이면 첫 번째 식을 실행하고, 거짓이면 두 번째 식을 실행합니다.
{
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)
다중 if문은 여러 조건을 검사하여 그 결과에 따라 실행할 코드를 결정하는 조건문입니다. 여러 개의 조건 중 하나가 참(true)인 경우 해당하는 값을 실행하고 전체 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문을 중첩하여 사용할 수 있습니다.
{
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. switch문
다중 if문과 비슷하며 다중 if문으로 변경이 가능합니다. break 문을 사용하지 않으면 무한에 빠집니다.(break를 사용하지 않을 수도 있음.) defalut 키워드는 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;
default:
document.write("0");
}
}
결과 확인하기
07. while문
while문은 조건이 참인 동안 반복적으로 코드를 실행하는 루프를 생성합니다. for문과 비슷하며 for문으로 변경이 가능합니다. 조건식에 맞지 않으면 한번도 실행 안될 수 있습니다. 또한 무한으로 빠질 수 있습니다.
{
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문과 if문을 사용해서 배열에 있는 값 1부터 9까지 짝수 : 빨간색, 홀수 : 파란색을 실행하는 예제입니다.
if문 안에 또 다른 if문을 중첩하여 사용할 수 있습니다.
{
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>`);
}
}
}
결과 확인하기
for문 : 배열 안에 있는 숫자 나열하고 합 구하기
{
let num = [1, 2, 3, 4, 5, 6, 7, 8, 9];
let sum = 0;
for(let i=0; i<num.length; i++){
document.write(arr[i]);
sum += num[i];
}
document.write("<br>");
document.write(sum);
}
결과
10. 중첩 for문
for문 안에 또 다른 for문을 중첩해서 사용할 수 있습니다.
{
for(let i=1; i<=10; i++){
document.write(i+"
");
for(let j=1; j<10; j++){
document.write(j);
}
}
}
결과 확인하기
11. break문
break문은 반복문 내에서 조건에 값이 충족되면 멈추는 것을 말합니다.
{
for(let i=1; i<20; i++){
if(i == 10){
break;
}
document.write(i);
}
}
결과 확인하기
document.write(i); 위치가 다르면 값이 다르다.
for(let i=1; i<20; i++){
document.write(i);
if(i == 10){
break;
}
결과 : 12345678910
12. continue문
continue문은 반복문이 실행될 때 어떤 조건을 제외하고 다음 반복으로 건너뛰는 역할을 합니다.
{
for(let i=1; i<20; i++){
if(i == 10){
continue;
}
document.write(i);
}
}
결과 확인하기
document.write(i); 위치가 다르면 값이 다르다.
for(let i=1; i<20; i++){
document.write(i);
if(i == 10){
break;
}
결과 : 12345678910111213141516171819