Eloquent JavaScript 3rd Edition - Chapter 2 (예제풀이)

1) Looping a Triangle

Write a loop that makes seven calls to console.log to output the following triangle:

#
##
###
####
#####
######
#######

// 내가 짠 허접한 코드
for(let i = 1; i <= 7; i++) {
  let str = "";
  let j = 0;
  while (j < i) {
    str += "#";
    j++;
  }
  console.log(str);
}

// 문자열의 length를 이용한 답안
for (let line = "#"; line.length < 8; line += "#")
  console.log(line);

2) FizzBuzz

Write a program that uses console.log to print all the numbers from 1 to 100, with two exceptions. For numbers divisible by 3, print "Fizz" instead of the number, and for numbers divisible by 5 (and not 3), print "Buzz" instead. When you have that working, modify your program to print "FizzBuzz" for numbers that are divisible by both 3 and 5 (and still print "Fizz" or "Buzz" for numbers divisible by only one of those).

 

// 내가 짠 허접한 코드
for(let i = 1; i <= 100; i++) {
  if (i % 3 == 0 && i % 5 == 0) {
    console.log("FizzBuzz")
  }
  else if(i % 5 == 0) {
    console.log("Buzz")
  }
  else if(i % 3 == 0) {
    console.log("Fizz")
  }
  else {
    console.log(i)
  }
}

// 간결한 답안
for (let n = 1; n <= 100; n++) {
  let output = "";
  if (n % 3 == 0) output += "Fizz";
  if (n % 5 == 0) output += "Buzz";
  console.log(output || n);
}

  중점적으로 볼 부분은 console.log(output || n)인데 만약 순서를 이렇게 console.log(n || output)으로 바꾸면 전혀 다른결과를 출력한다. JavaScript에서는 6가지의 Falsey values가 존재하는데 undefined, null, NaN, 0, "" , 그리고 false이다. 즉, logical 연산에 의해 false면 숫자가 출력되고 output이 존재하면 원하는 문자열이 출력되는 것

3) Chessboard

size = 8;

for(let i = 1; i <= size; i++) {
    let evenLine = "";
    let oddLine = "";
    
    if(i % 2 === 0) {
        for(let j = 0; j < size / 2; j++) {
            evenLine += "# ";
        }
        console.log(evenLine);
    }
    else {
        for(let j = 0; j < size / 2; j++) {
            oddLine += " #";
        }
        console.log(oddLine);
    }
}

Reference book: Eloquent JavaScript 3rd Edition

Reference site: https://www.freecodecamp.org/news/falsy-values-in-javascript/