【初心者向けJavaScript入門】FizzBuzzで学ぶプログラミング思考

初めてプログラミングに触れる方やこれからjavascriptを学んでいこうとする方へ、基本的な構文や問題を通して理解を深めることができます。。この記事では、”FizzBuzz” というシンプルな問題を通じて、JavaScriptの基本構文とプログラミング的思考の基礎を楽しく学んでいきましょう。

はじめに：FizzBuzzとは？

「1から30までの数字を順番に出力する」
ただし、以下のルールに従います。

3の倍数のとき → 「Fizz」と出力
5の倍数のとき → 「Buzz」と出力
両方の倍数（15など）のとき → 「FizzBuzz」と出力
それ以外 → 数字をそのまま出力

ポイント①：なぜこんな問題？

・複数の条件分岐（if 文）や「繰り返し処理（ループ）」を組み合わせる練習になる

・「余り（%）演算子」の使い方を理解できる

・面接や教材で古くから使われるスタンダード問題なので、解法パターンを押さえておくと様々な言語で応用が効きます。

この問題は、世界中のエンジニア採用試験やコーディング面接でも登場する「最もシンプルで奥深プログラミング課題」のひとつです。初めてプログラミングに触れる方やこれからjavascriptを学んでいこうとする方へ、基本的な構文や問題を通して理解を深めることができます。。この記事では、”FizzBuzz” というシンプルな問題を通じて、JavaScriptの基本構文とプログラミング的思考の基礎を楽しく学んでいきましょう。

今回の正しいFizzBuzzコード

function Fizz(i){
console.log(i , "Fizz");
}

function Buzz(i){
console.log(i , "Buzz");
}

function FizzBuzz(i){
console.log(i , "FizzBuzz");
}

for(let i = 1; i <= 30; i++){
if(i % 3 === 0 && i % 5 === 0){
FizzBuzz(i);
}else if(i % 3 === 0){
Fizz(i);
}else if(i % 5 === 0){
Buzz(i);
}else {
console.log(i);
}
}