【入門】JavaScriptで変数を使う方法を初心者向けに解説！

変数は、JavaScriptの基本的な概念の一つであり、値を格納するためのコンテナとして使われます。

この記事では、JavaScriptで変数を使う方法について初心者向けにわかりやすく解説します。基本的な変数の宣言方法から始めて、実際にプログラムを書いてみるまでを順を追って学んでいきましょう。

JavaScriptの基礎を無料で学ぶ方はこちら▶

忍者CODEの学習は“実践型”！
だから結果を出せる！

●初めてIT業界にチャレンジする方
∟はじめての方でも安心して学習できるように、基礎知識から実践的な課題までプロへのロードマップが分かりやすいカリキュラムを採用。
●副業に有利なことを探されている方
∟未経験からでもスキルを習得できる“実践的カリキュラム”と、学習だけでなく受講後もプロのメンターがマンツーマンで徹底的に副業サポートまで行い、受講後は必ず案件をご紹介するプランの副業・案件”保証”プランもあります。
●業界最安級の受講費用で始めやすい
∟月額9,8000円から始められる忍者CODEのプログラミングスクールは業界でも最安級！それでも学習し放題、サポートは無期限・無制限と、プロのメンターとエンジニアを筆頭に、皆さんを徹底的にサポートします。

まずは自分の適性プラン診断から！

JavaScriptの変数とは

JavaScriptにおける変数とは、データを格納するための箱のようなものです。

これは、プログラム実行中に値が変更される可能性があるため、「変数」と呼ばれています。変数を活用することで、データの保存や操作が可能になります。例えば、ウェブアプリケーションにおいて、ユーザーの名前、年齢、あるいは計算結果など、さまざまな情報を変数として扱うことができます。

変数の特性

JavaScriptの変数には以下のような特性があります。

• • 動的型付け
    変数の型は自動的に判別されるため、値に応じて型が動的に変化します。
  • ブロックスコープ
    最近のJavaScriptでは、letやconstキーワードを使用してブロックスコープの変数を宣言することが推奨されています。
  • ケースセンシティブ
    変数名は大文字と小文字を区別します。
  オススメ：JavaScriptが無料で学べる初学者のための入門講座はこちら

JavaScriptの変数の宣言方法

JavaScriptでは、変数を宣言するためのいくつかの方法がありますが、代表的な方法として「var」「let」「const」の3つがあります。それぞれの違いを理解して、適切な場面で使い分けることが重要です。

varキーワードを使った変数の宣言

varキーワードは、古くから使われている変数宣言の方法ですが、いくつかの欠点があります。例えば、ブロックスコープを無視するため、予期しないバグの原因になることがあります。

そのため、最新のJavaScriptでは可能な限りvarキーワードの代わりにletやconstキーワードを使用することが推奨されています。

letキーワードを使った変数の宣言

letキーワードは、ブロックスコープを考慮した変数の宣言方法です。

特定のブロック内で変数を宣言することで、意図しない範囲での変数の衝突を防ぐことができます。変数の値を後から変更する必要がある場合や、ブロックスコープを意識したい場合にはletキーワードを利用します。

constキーワードを使った変数の宣言

constキーワードは「定数」を宣言するためのキーワードです。一度値を代入すると、その値を変更することはできません。ただし、constで宣言したオブジェクトのプロパティは変更可能な場合があるため、注意が必要です。

プログラミングスクールなら
忍者CODE

JavaScriptの変数でプログラムを書いてみよう

変数に値を代入する

変数を使う主な目的は、値を保存することです。変数に値を代入するには、代入演算子「=」を使用します。例として、変数に数値や文字列を代入する方法を見てみましょう。

// 数値の代入
let age = 25;
console.log(age); // 結果: 25

// 文字列の代入
let name = "John";
console.log(name); // 結果: John

変数の値を更新する

変数の値は後から変更することができます。新しい値を代入することで、変数の内容を更新できます。

let count = 10;
console.log(count); // 結果: 10

count = 20; // 値を更新
console.log(count); // 結果: 20

let x = 5;
let y = 10;
let result = x + y;
console.log(result); // 結果: 15

let firstName = "John";
let lastName = "Doe";
let fullName = firstName + " " + lastName;
console.log(fullName); // 結果: John Doe

const pi = 3.14;
console.log(pi); // 結果: 3.14

// 定数の値を更新しようとするとエラーになる
// pi = 3.14159; // エラー: TypeError: Assignment to constant variable.

if (true) {
let message = "Hello!";
console.log(message); // 結果: Hello!
}

// ブロックの外からはアクセスできない
// console.log(message); // エラー: ReferenceError: message is not defined