JavaScript 실력을 올려줄 다양한 지식들 part 5

 

요약

• 조건문: if, else if, else, switch
• 반복문: for, while, do... while, for... of, for...in
• 기타 제어문: break, continue, 삼항 연산자, try...catch
• 비동기 처리: async/await, Promise

break문과 continue문 

break 문

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

for문과 함께 break 문을 사용하여 0부터 4까지 숫자만 출력합니다

 

continue문

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    continue;
  }
  console.log(i);


for문과 함께 continue문을 사용하여 5를 제외한 0부터 9까지의 숫자를 출력합니다

삼항 연산자, try... catch 

삼항 연산자 (Ternary Operator)

조건 ? 참일 때 반환 값 : 거짓일 때 반환값;

let age = 18;
let adult = (age >= 18) ? "성인 입니다!" : "성인이 아닙니다!";
console.log(adult);  // "성인 입니다!"

참이면 성인입니다 거짓이면 성인이 아닙니다가 출력됩니다.

-조건문을 한 줄로 간결하게 작성할 수 있게 해줍니다.
-가독성이 떨어질 수 있습니다 .

-중첩 삼항 연산자
let score = 85;
let grade = (score >= 90) ? "A" : (score >= 80) ? "B" : "C";
console.log(grade);  // "B"

사용가능하지만 가독성이 더 떨어질 수 있습니다.

 

try -catch 문  - 일반적으로 오류를 처리하기 위해 사용하는 구조입니다.

try {
    // 에러가 발생할 수 있는 코드
} catch (error) {
    // 에러를 처리하는 코드
}


try와 catch 블록으로 나누고 
try 블록에는 에러가 발생할 가능성이 있는 코드를 작성합니다.
catch 블록에는 발생한 에러를 처리하는 코드입니다.(에러를 처리 혹은사용자에게 알림)

finally 블록도 있는데 선택적으로 사용하고 에러 여부와 상관없이 항상 실행됩니다 
로그 기록의 목적으로 주로 사용됩니다.

try {
    console.log("Try 블록 실행");
    throw new Error("에러 발생");
} catch (error) {
    console.log("Catch 블록 실행: " + error.message);
} finally {
    console.log("Finally 블록 실행");
}

-프로그램이 강제 종료되지 않고 안전하게 예외 처리를 할 수 있습니다.
-성능에 영향을 미칠 수 있습니다.

이번 파트에서는 기타 제어문을 알아보았고 다음 파트에서는 비동기 처리 async/await, Promise를 알아보도록 하겠습니다.