第2回: JavaScriptの基本構文

2024-08-16

JavaScriptの基本構文を理解することでプログラミングの基礎を固めることができます。
この記事では変数、条件分岐、ループ、関数といった基本的な構文について解説します。
焦らずに進めていきましょう！
プログラミングの学習でまず必要なことは焦らないことです。

JavaScriptの基本構文

JavaScriptでは変数を使ってデータを管理します。
以下は基本的な変数の宣言方法です。

const name = "太郎";
let age = 30;
var group = 4;

変数には以下の3種類があります。

let
ブロックスコープ（有効範囲）を持つ変数を宣言します。
変数の値（中身）を上書きすることができます。
const
ブロックスコープ（有効範囲）を持つ変数を宣言します。
変数の値（中身）を上書きすることができません。
プログラム中で不変な物、意図せず変えたくない物に使用します。
var
かつてよく使われた変数宣言ですが、有効範囲が広すぎて使いづらいため非推奨です。

補足: JavaScriptでは、データ型を気にせずに変数を宣言できますが、データ型の違いによって動作が変わる場合があるので注意が必要です。

条件分岐は特定の条件に応じて異なる処理を実行するための構文です。

let weather = "晴れ";

if (weather === "晴れ") {
  console.log("今日は外で遊ぼう！");
} else {
  console.log("今日は家で過ごそう。");
}

条件分岐には以下の2種類があります。

補足: === は厳密な比較を行い、データ型と値の両方を比較します。
== はデータ型を無視して値だけを比較しますが、予期しない結果を生む可能性があるので、基本的には === を使用するのが良いでしょう。

ループ構文を使用すると同じコードを繰り返し実行できます。

for (let i = 0; i < 5; i++) {
  console.log(`カウント: ${i}`);
}

let count= 0;

while (count < 5) {
  console.log(`カウント: ${count}`);
  count++;
}

ループ構文は複数ありますが、ここでは以下の2種類を紹介します。

補足: forは「最新記事を5件表示する」などのループの回数が決まっているときに使います。
whileはループのたびに条件分岐のチェックを行うと思ってください。
判定が真の場合のみループ処理を実行します。
偽であれば（真でなければ）ループ処理を終了します。

関数は一連の処理をまとめて再利用可能にするための構文です。

function greeting(name) {
  return `こんにちは、${name}さん！`;
}

console.log(greeting("山田"));

関数が出てくると一気に習得難易度が上がります。
ここでは関数構文内の特徴を紹介するだけにします。

補足: 関数を使うことで、同じ処理を何度も記述せずに済みます。
特にコードの可読性が向上し、保守もしやすくなります。

関数は使い慣れると、関数無しには戻れません。
ですが使い慣れるためには繰り返し書く必要があります。
手が覚えるまで繰り返しましょう。

JavaScriptの基本構文を理解することは、プログラミングの第一歩です。

この記事では変数、条件分岐、ループ、関数について説明しました。
これらの基本をしっかり押さえることで、より複雑なプログラムも理解しやすくなります。

次の記事ではさらに進んだ構文について学びましょう。
何度も言いますが、自分のペースで学習を続ければ、JavaScriptの世界がどんどん広がっていきます。

よかったらシェアしてね！