자바스크립트 익숙해지기 #3

이번 시간에는 자바스크립트의 기초적인 반복문과 오류처리 대해 알아보자.

for 반복문

일반적으로 대부분의 프로그래밍 언어에서 사용되는 보통의 반복문이다. 어떻게 만들고 사용할 수 있는지 바로 알아보자.

function printNumber() {
  for (let i = 0; i < 5; i++) {
    console.log(i);
  }
}

위 코드는 콘솔에 숫자를 0부터 4까지 차례대로 출력하는 코드이다. for 반복문을 사용하기 위해 for을 선언하고 소괄호 안에 조건에 사용될 변수와 조건 등을 기입한다. 그리고 해당 반복문의 중괄호 안에 반복해서 수행될 코드를 입력하였다.

 

그리고 아래와 같이 코드를 작성하면 특정 배열의 각 인덱스 값에 접근하여 값을 가져오는 것이 가능하다.

let nameList = ["kim", "Lee", "Son"];

for (let i = 0; i < 3; i++) {
  console.log(nameList[i]);
}

/* 결과
Kim
Lee
Son
*/

for-of 반복문

위 for 반복문에서 두 번째 예시에서 for 반복문을 이용하여 배열의 각 인덱스 값을 반환했다. 이를 for-of 반복문을 사용하여 좀 더 편하게 가져올 수 있다.

let nameList = ["Kim", "Lee", "Son"];

for (name of nameList) {
  console.log(name);
}

위와 같이 코드를 작성하면 위에 for 반복문과 같은 결과를 반환하게 된다.

for-in 반복문

for-in 반복문은 for-of 반복문과 다르게 배열이 아닌 객체의 키와 값을 가져오는 데 사용될 수 있다.

let myObject = {
  name : "Kim",
  birth : 1992,
  height : 180
}

for (key in myObject) {
  console.log(`${key} : ${myObject[key]}`);
}

/* 결과
name : Kim
birth : 1992
height : 180
*/

while과 do-while 반복문

while 반복문은 특정 조건을 두고 조건이 성립하면 계속해서 반복하고 성립하지 않으면 반복을 멈춘다. 예시를 보자.

let yourAnswer = parseInt(prompt("숫자 : "));
const answer = 7

while (!(yourAnswer === answer)) {
  yourAnswer = prompt("다시 맞춰보세요 : ")
}

위와 같이 while 반복문을 작성하면 클라이언트가 정답을 맞출 때까지 정답을 물어보게 된다.

 

do-while 반복문의 경우 조건을 따지기 전에 먼저 반복문 내부 코드를 실행한다는 점에서 다르다.

오류 처리

자바스크립트에서 오류 처리를 하기 위한 문법으로는 try-catch 문이 존재한다. 예시를 통해 간단히 어떻게 동작하는지 보도록 하자.

try {
  throw new Error(테스트 에러입니다); // 에러 처리 확인을 위한 고의적 에러 발생
} catch (error) {
  console.log(error) // "테스트 에러입니다" 문장이 로그에 기록
} finally {
  console.log("무조건 실행되는 로그") // 에러 발생에 상관없이 반환되는 코드
}

좀 조잡한 예시이지만 간단하게 짜보았다. try안에 있는 코드는 에러가 발생할 수 있는 코드를 입력해주면 된다. 에러의 발생이 예상되는 코드를 두고 만약 에러가 발생한다면, 해당 에러가 시스템 오류로 발생하지 않고 catch 내부에 있는 내가 지정한 코드가 실행되도록 하는 것이다. 그렇다고 스크립트 전체를 try문 안에 넣는 행동은 하지 말도록 하자. 성능에 좋지 않고, 좋지 않은 프로그래밍 방식이다.

 

그리고 finally의 경우에는 에러의 발생 여부에 상관없이 무조건 실행시키는 코드이다. 이 코드가 사실 어디 쓰여야 할지는 잘 모르겠지만 일단 알아두도록 하자.