JavaScript 変数とは？letとconstの違い・使い方を初心者向けに解説【第2講】

前回は、JavaScriptがどのような言語なのかを学びました。

今回は、JavaScript学習で非常に重要な「変数」と「データ型」を学びます。

この記事では、let と const の違い、値の保存方法、文字列や数値などのデータ型まで初心者向けにわかりやすく解説します。

今回のゴール

変数とは、値（情報）を保存するための箱のようなものです。

名前を付けた箱を用意し、その中に文字や数字などの値を入れて使います。

たとえば、次のコードでは name という変数に Taro を保存しています。

let name = "Taro";

name のような変数名のことを、プログラミングでは識別子と呼びます。

JavaScriptでは、値を保存する箱を作るときに let と const を使います。

宣言方法	再代入	用途
let	できる	あとで値が変わる場合
const	できない	固定値として使う場合

例を見てみましょう。

let age = 20;
age = 21;

const name = "Taro";
// name = "Jiro"; ← エラーになります

基本的には、変更しない値は const を使う習慣がおすすめです。

変数は次のように書きます。

let 変数名 = 値;

たとえば次のコードも同じ意味です。

let score;
score = 100;

1行目で変数を用意し、2行目で値を入れています。

JavaScriptでは、扱う値の種類ごとにデータ型があります。

初心者のうちは、まず次の3つを覚えれば十分です。

文字列は次の記号で囲みます。

typeof を使うと、値のデータ型を確認できます。

typeof "Hello";
typeof 10;
typeof true;

実行結果は次のようになります。

string
number
boolean

JavaScriptでは、文字列の中に変数を埋め込むことができます。

その場合は `（バッククォーテーション）を使います。

let name = "Taro";
console.log(`私は${name}です`);

実行結果：

私はTaroです

この書き方をテンプレートリテラルと呼びます。

バッククォーテーションを使うと、複数行の文字列も簡単に書けます。

let message = `おはようございます。
本日の営業時間は9時から18時です。
本日もよろしくお願いします。`;

console.log(message);

“`