{category}

JavaScript - 宣言・代入

let

レット(基本的な構文

意味 変数の宣言


letとは?

JavaScriptで変数を宣言するためのキーワード。ブロックスコープを持ちます。

letの具体的な使い方

letを使った基本的な変数宣言と使用

let name = '山田太郎';
console.log('名前: ' + name);

let age = 30;
console.log('年齢: ' + age);

let isStudent = false;
console.log('学生ですか? ' + isStudent);

👇出力結果

名前: 山田太郎
年齢: 30
学生ですか? false

letを使用して異なる型(文字列、数値、真偽値)の変数を宣言し、その値を表示します。

letのブロックスコープの例

let x = 10;

if (true) {
  let x = 20;
  console.log('ブロック内のx: ' + x);
}

console.log('ブロック外のx: ' + x);

// 以下の行はエラーになります
// let x = 30; // 同じスコープでの再宣言はエラー

👇出力結果

ブロック内のx: 20
ブロック外のx: 10

letはブロックスコープを持つため、異なるブロック内で同じ名前の変数を宣言できます。同じスコープでの再宣言はエラーになります。

letを使ったループの例

let sum = 0;

for (let i = 1; i <= 5; i++) {
  sum += i;
  console.log(`${i}回目: 合計 = ${sum}`);
}

console.log('最終合計: ' + sum);
// console.log(i); // エラー: iはループの外では未定義

👇出力結果

1回目: 合計 = 1
2回目: 合計 = 3
3回目: 合計 = 6
4回目: 合計 = 10
5回目: 合計 = 15
最終合計: 15

letをfor文で使用すると、ループ変数iはループ内でのみ有効です。これにより、意図しない変数の漏洩を防ぎます。

letに関するよくある質問

Q. letの特徴は何ですか?
A. letはブロックスコープを持ち、同じスコープ内での再宣言はできません。また、時間的死亡地帯(TDZ)があります。
Q. letは再代入できますか?
A. はい、letで宣言された変数は再代入可能です。ただし、同じスコープ内での再宣言はできません。
Q. letをループで使う利点は?
A. letをfor文で使用すると、各イテレーションで新しい変数が作成されるため、非同期処理やクロージャーでの問題を回避できます。

letが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか?
プログラミング単語帳には、JavaScriptのletや<=、in、delete、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。

1日5分の暗記でプログラミンが身に付く!プログラミング単語帳 公式ストアで発売中!

HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。


JavaScriptを学べる「プログラミング単語帳」アプリ

プログラミング単語帳がアプリになりました!JavaScriptはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。

収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。

いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。

2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!

2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!


関連するそのほかの単語

<=

小なりまたは等しい

種類: 比較演算子

in

プロパティの存在チェック

種類: その他の演算子

delete

プロパティの削除

種類: その他の演算子

クロージャ

覚えている関数

種類: スコープとクロージャ

mousedown

マウスボタン押下イベント

種類: ユーザーインタラクションイベント