자바스크립트로 프로그래밍 입문 15. { }의 생략, 쉼표, 큰 따옴표와 작은 따옴표

지금까지 프로그램의 기본적인 개념들(연산자, 함수, 변수)과 알고리즘을 제어하는 기본적인 문법(조건문, 반복문)들을 살펴봤습니다.

1장을 끝냈다고 할 수 있는데, 다음 장으로 넘어가기 전에 이번 포스팅에서는 좀 사소한 것들을 3가지를 모아서 한번 정리하고 넘어가겠습니다. 사소하지만 사람들이 자주 사용하는 부분들입니다.

{ }의 생략

지금까지 강의에서 함수, 조건문, 반복문을 작성할 때 { }를 사용해서 코드를 작성해 왔는데요, 조건문, 반복문을 작성할 때 { }안의 내용이 한줄이라면 { } 는 생략 가능합니다. (함수 작성시 사용되는 { }는 생략할 수 없습니다.)

아래는 연습문제 12의 FizzBuzz 예제의 풀이입니다.

var count = 1;

while(count<=100){
  if(count%3 == 0 && count%5 ==0){
    console.log("FizzBuzz");
  }
  else if(count%3 == 0){
    console.log("Fizz");
  }
  else if(count%5 == 0){
    console.log("Buzz");
  }
  else {
    console.log(count);
  }
  
  count++;
}

조건문의 { } 속 코드들이 모두 한 줄이므로 이 코드를 아래와 같이 변경할 수 있습니다.

var count = 1;

while(count<=100){
  if(count%3 == 0 && count%5 ==0) console.log("FizzBuzz");
  else if(count%3 == 0) console.log("Fizz");
  else if(count%5 == 0) console.log("Buzz");
  else console.log(count);
  
  count++;
}

어느쪽이든 정답은 없습니다. 가독성이 좋은 쪽으로 사용하시면 됩니다.

쉼표

여러가지 변수를 선언할 때 쉼표(,)를 사용할 수 있습니다.

var a=1;
var b=2;
var c=3;

을 아래와 같이 표현할 수 있습니다.

var a=1, b=2, c=3;

굉장히 사소하죠.. 이 또한 가독성의 차이밖에 없습니다.

큰 따옴표와 작은 따옴표

지금까지 강의에서 문자열을 표현할 때 항상 큰 따옴표(" ")를 사용했는데, 작은 따옴표(' ')를 사용할 수도 있습니다.

var name="John Snow";

와

var name='John Snow';

는 같습니다.

이건 가독성도 차이가 별로 없는데 왜 필요하냐면.. 문자열안에 큰 따옴표나 작은 따옴표를 넣을 일이 있기 때문입니다. 작은 따옴표로 문자열을 싸면, 큰 따옴표를 문자열 안에 사용할 수 있습니다.

console.log('"My name is John Snow."');

//"My name is John Snow."

반대로 큰 따옴표로 문자열을 싸면, 작은 따옴표를 문자열 안에 사용할 수 있습니다.

console.log("He's John Snow.");

//He's John Snow.

큰 따옴표도 쓰고 작은 따옴표도 쓰고 싶다면? \"와 \'를 사용할 수 있습니다. \"와 \'는 문자열에서 항상 "와 '로 표시됩니다. 이러면 문자열을 표현할 때 큰 따옴표를 쓰든, 작은 따옴표로 쓰든 상관이 없습니다.

console.log("\"He\'s John Snow.\"");

//"He's John Snow."