javascript

데이터 제어하기 정리를 해봅시다!

IC 2023. 2. 28.

자바스크립트 데이터를 제어하는 문법

01. if문

if문은 프로그래밍에서 조건을 검사하여, 해당 조건이 참(true)인 경우에만 특정 코드 블록을 실행시키는 제어 구조입니다.

if(null){
    document.write("실행되었습니다.(ture)");
} else {
    document.write("실행되었습니다.(false)");
}

true : 1 , 2, "0" , "1" , "ABC" , "배열" , "객체" , true
false : null, 0 , u nndefined , false , " "(빈문자열)
if(null) 구문에서 null은 거짓(false) 값으로 간주됩니다.
따라서 if문의 조건식이 거짓이므로 else 블록 안에 있는 document.write 문장이 실행됩니다.

02. if문 생략

변수는 데이터를 저장 할수도 있지만 변경도 가능 합니다.

const num = 100;
if(num) document.write("실행되었습니다.(ture)");
else document.write("실행되었습니다.(ture)"); //(이렇게 생략가능)

var대신 let을 사용했습니다. let과 var는 데이터 저장은 물론, 데이터 변경이 가능합니다 보통, 변경해야할 데이터가 있을때 let을 사용하면 됩니다.

03. 삼항 연산자

삼항 연산자(ternary operator)는 조건 연산자(conditional operator)로 불리며,
조건식 ? 참일때의 값 : 거짓일때의 값의 형태를 가지고 있습니다.

const num = 100;

if(num == 100){
    document.write("true");
} else {
    documnet.write("false");
}
                        
(num == 100) ? document.write("true") : documnet.write("false"); //(이렇게 생략가능)

위 코드는 num 변수의 값이 100일 때 "true"를 출력하고, 그렇지 않으면 "false"를 출력하는 삼항 연산자입니다.
생략해서 사용할수있습니다.

04. 다중 if

다중 if 문(multiple if statement)은 하나 이상의 if 조건문을 중첩하여 사용하는 것을 의미합니다

const num = 90;

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("실행되었습니다");
    
    }

위 코드는 num 변수의 값에 따라 실행되는 if 문과 else if 문의 예시입니다.
변수 num의 값이 90이므로 첫 번째 조건인 if (num == 90)이 참이 되어 "실행되었습니다(num == 90)"가 출력됩니다.
다른 조건문은 실행되지 않습니다.
else if 문은 if 문과 함께 사용하여 여러 조건을 검사하고, 각 조건에 맞게 실행할 코드를 작성할 수 있습니다.
이 경우 if 문이 참이 아닐 때 해당 else if 조건문을 검사합니다.
만약 이전의 if 문이 참이라면 다음 조건은 검사되지 않고, 바로 실행문이 실행됩니다.
마지막 else는 모든 조건에 해당하지 않을 경우 실행되는 부분입니다.

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)")
    }

이 코드는 중첩 if 문을 사용하여 구성된 예시입니다.
코드를 간단히 설명하면, num 변수가 100인 경우에 대해 if 문을 사용하여 3개의 문자열을 출력하고,
그렇지 않은 경우에는 하나의 문자열을 출력합니다.
여기서 주목할 점은, if(num == 100) 문장이 3번 중첩되어 있다는 것입니다.
이렇게 중첩된 if 문은 코드의 가독성을 떨어뜨릴 수 있으므로, 필요한 경우에 한해서 사용해야 합니다.

06. switch문

자바스크립트에서 사용되는 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;
case 40:
document.write("실행40");
break; //무한에 빠지지 않기위해선 브레이크문을 걸어준다.
default:
document.write("0");
}
}

switch문은 if-else문과 비슷한 역할을 수행합니다.
switch문의 조건식으로 사용될 수 있는 값은 다양한 타입의 데이터입니다.
switch문은 특정 값에 대한 여러 가지 경우(case)를 검사하고, 해당하는 경우에 실행할 코드 블록을 실행합니다.

07. while문

웹에선 잘 사용하진않지만, 정보처리 기능사 시험에선 자주출시되는 문법

{
    for(let i=0; i<5; i++){
        document.write(i);
    }
    
    let num = 0;
    while(num<5){   //num빼고 그냥 5만쓰면 무한에빠짐
        document.write(num);
        num++;
    }
}

while문과 do-while문은 JavaScript에서 반복문을 구현하는 데 사용되는 키워드입니다.
while문은 조건식이 참인 동안 반복하여 실행하는 반복문입니다

08.do while문

웹에선 잘 사용하진않지만, 정보처리 기능사 시험에선 자주출시되는 문법

let num2 = 0;
do {
    document.write(num2);
    num2++;
} while (num2<5);

while문과 do-while문은 JavaScript에서 반복문을 구현하는 데 사용되는 키워드입니다.
do-while문은 while문과 유사하지만, 조건식의 평가를 코드 블록 이후에 수행합니다

09. for문

for문은 초기식, 조건식, 증감식을 한번에 정의할 수 있으며, 조건식이 참인 동안 코드 블록을 반복 실행하는 반복문입니다.

{
for(let i=1; i<100; i++) {  //1~99까지 출력하는 for문
document.write(i)
}

document.write("")

let num = [1,2,3,4,5,6,7,8,9];      
let sum = 0; 1234

for(let i=0; i<num.length; i++){
document.write(num[i]);
sum = sum + num[i];
}
document.write("");
document.write(sum);        //sum을 이용해서 합계를 구할수 있다.
}

위 코드에서는 1부터 99까지의 숫자를 출력하는 for문이 첫 번째로 나옵니다.
i 변수는 1부터 시작하여 99까지 1씩 증가하면서 코드 블록을 반복 실행합니다.
document.write(i)는 현재 i값을 웹 페이지에 출력하는 코드입니다.
그 다음으로는 배열을 이용한 for문이 나옵니다.
num 변수는 1부터 9까지의 숫자가 들어있는 배열입니다.
이 배열을 for문으로 반복하면서 num 배열의 각 요소를 웹 페이지에 출력하고, sum 변수에 누적하여 더합니다.
마지막으로 document.write(sum)을 실행하여 sum 값을 출력하면 num 배열의 합계가 출력됩니다.

10. 중첩 for문

JavaScript로 작성된 이중 for문 예시입니다.

{
for(let i = 1; i<= 10; i++){
document.write(i,"")
for( let j=1; j<=10; j++){
document.write(j);
}
}

for문은 초기식, 조건식, 증감식을 한번에 정의할 수 있으며, 조건식이 참인 동안 코드 블록을 반복 실행하는 반복문입니다.
위 코드에서는 바깥쪽 for문에서 i 변수는 1부터 시작하여 10까지 1씩 증가하면서 코드 블록을 반복 실행합니다.
이 때 document.write(i,"<br>") 코드는 i값을 웹 페이지에 출력하고 줄바꿈합니다.
안쪽 for문에서 j 변수는 1부터 시작하여 10까지 1씩 증가하면서 document.write(j) 코드를 반복 실행합니다.
이 때 j값을 웹 페이지에 출력합니다.

11. break문

break문은 프로그래밍에서 자주 사용되는 제어문 중 하나로, 반복문이나 switch문에서 사용하여 해당 반복문이나 switch문을 즉시 종료할 때 사용됩니다.

{
for(let i=1; i<100; i++) {  //100까지 출력할뻔 했지만 10에서 break문이 있어서 10까지만출력
if( i == 10) {
break;
}
document.write(i);
}
}

반복문에서는 보통 조건이 충족되면 반복을 종료하게 되는데, 반복문 내에서 break문을 사용하면 해당 반복문을 즉시 종료할 수 있습니다.
이를 통해 반복문 내에서 특정 조건을 만족하면 반복을 빠르게 종료할 수 있습니다.

12. continue문

continue문은 프로그래밍에서 자주 사용되는 제어문 중 하나로, 반복문에서 사용하여 해당 반복 회차에서 남은 코드를 실행하지 않고 다음 회차로 넘어가게 합니다.

{
for(let i=1; i<20; i++) {   //10은 뛰어넘고 20까지 출력하는 continue문
if( i == 10) {
continue;
}
document.write(i);
}
}

반복문에서 특정 조건을 만족하는 경우에는 반복문 내부의 일부 코드를 실행하지 않고,
다음 회차에서 반복문을 계속 실행하고 싶을 때 continue문을 사용합니다.
이를 통해 반복문에서 조건에 맞지 않는 경우에는 건너뛰고 다음 회차를 실행할 수 있습니다.

저작자표시