MENU
  • ブログBlog
  • プロフィールProfile
  • ポートフォリオPortfolio
  • お問い合わせContact
  • お絵描き道場drawing dojo
「社会不適合者の生き方」
くじらいどブログ
  • ブログBlog
  • プロフィールProfile
  • ポートフォリオPortfolio
  • お問い合わせContact
  • お絵描き道場drawing dojo
くじらいどブログ
  • ブログBlog
  • プロフィールProfile
  • ポートフォリオPortfolio
  • お問い合わせContact
  • お絵描き道場drawing dojo
  1. ホーム
  2. PC
  3. JavaScript変数とは?

JavaScript変数とは?

2024 11/07
PC プログラミング
2024年3月31日2024年11月7日
目次

変数とは何か?

変数とは、値を格納するための箱のようなものです。(変数を箱で例えるのが多いのでパクらせていただきました。)この箱には、文字列や数字などのデータを入れることができます。そして、その箱に入っているデータを必要なときに利用することができます。

数学では、y=2x+3という式があった場合、 xとyが変数です。xとyには、数値が入りますが、プログラミングの変数は、数値を入れたり、文字列を入れたり、配列というものを入れたり、数値以外の様々なデータを入れることができます。

例えば、年齢で考えてみましょう。age(年齢)という箱を作って、その箱に30という数値を代入してみましょう。

console.logで “あなたの年齢は” + age + “歳です。” と書いてあげると、あなたの年齢は30歳です。とコンソール画面に出力されます。

これは、var age = 30;で、ageという変数に30を代入しているので、“あなたの年齢は” + age + “歳です。” と変数の名前を書いてあげるだけで、変数の中に入っている値、つまり30が表示されて、あなたの年齢は30歳です。と表示される訳です。

var age = 30; 

console.log("あなたの年齢は" + age + "歳です。");

// console.logの出力結果
// あなたの年齢は30歳です。

また、変数ageに新しい値を代入すると、変数ageの値が新しく代入したものに置き換わります。

このように、同じ変数でも中身を変えられることにより、その変数を必要に応じて繰り返し利用することができます。

var age = 30; 

console.log("あなたの年齢は" + age + "歳です。");

// console.logの出力結果
// あなたの年齢は30歳です。

age = 35; // ここで再度ageという箱に35を再代入する

console.log("あなたの年齢は" + age + "歳です。"); 

// console.logの出力結果
// あなたの年齢は35歳です。

let、const、varの違いについて

JavaScriptでは、let、const、varの3つのキーワードを使って変数を宣言することができます。それぞれの特徴を以下に示します。

  • let: 再代入可能な変数を宣言します。つまり、変数の値を後から変更することができます。
  • const: 再代入不可能な定数を宣言します。一度値を代入すると、その後変更することはできません。
  • var: 古い宣言方法です。ブロックスコープを持ちません。letやconstの使用が推奨されます。

以下に、それぞれの使い方と特徴を示します。

let

let x = 10;
x = 20; // 有効

const

const y = 10;
y = 20; // エラー!再代入不可

var

var z = 10;
var z = 20; // 有効(再宣言可能)

letとvarの違い

letとvarは共に、どちらも再代入可能な変数で似ていますが、letは、再宣言が不可でvarは、再宣言が可能な変数になります。

varは、再宣言が可能なため、意図しない再宣言や再代入によってエラーにつながる可能性があります。一般的にはletが推奨されます。

  1. let:
    • letで宣言された変数は再宣言できません。同じスコープ内で同じ変数名で再度letで宣言しようとすると、Syntax error (構文エラー)が発生します。
let x = 10;
let x = 20; // SyntaxError: Identifier 'x' has already been declared
  1. var:
    • varで宣言された変数は再宣言が可能です。同じスコープ内で同じ変数名で再度varで宣言しても、エラーは発生せずに上書きされます。
var y = 10;
var y = 20;

console.log(y); // 20が出力される

そのため、letを使用することで、再宣言のミスを防ぐことができます。また、letはブロックスコープを持つため、ブロック内での変数の挙動がvarよりも予測しやすくなります。

まとめ

JavaScriptの変数についてプログラミング初心者の自分が自分なりに分かりやすくまとめてみました。

JavaScript以外のプログラミング言語でも変数が使われます。プログラミング言語によって宣言文が異なったり、宣言が不要なものがあったりしますが、変数の概念自体は変わることはありません。また、RPAツール等のシナリオを作成する際にも変数を使う場面があります。

これからノーコードが普及してプログラムを自分で書くことが無くなる時代が来るかもしれませんが、それらの中身もプログラムで出来ているため、プログラムの動きを芯で理解するためにも、プログラミングの基礎を学ぶことをお勧め致します。

くじらいど

くじらいどは、数学もプログラミングも苦手ですが、プログラミングを学ぶことで、少し物事を論理的に考えられる思考が鍛えられた気がします。

PC プログラミング
JavaScript プログラミング
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
  • Google Apps Script (GAS) 初回実行時のアクセス権限の承認方法
  • SWELLにも対応! WordPressの管理バーを非表示にするchrome拡張機能 Hide WordPress Admin Bar リリースしました。

この記事を書いた人

くじらいどのアバター くじらいど

アラサー社会不適合者のくじらいどです。

普段は、youtubeで動画投稿やこのサイトでブログ投稿をしています。

喘息、アトピー、鼻炎持ち
教育失敗の世間知らず

自分にできることをやるだけ

関連記事

  • Google Chrome 最新バージョンに更新する方法
    2024年11月17日
  • Google Chromeで動作が遅くなる原因と対処法
    2024年10月18日
  • Googleドライブの容量を節約する方法とは?
    2024年10月16日
  • 無料で便利!定番オンラインバックアップサービス5選
    2024年10月16日
  • Windows 10 隠しファイルを表示する簡単な方法
    2024年10月15日
  • Microsoft Edgeのフィードを非表示にする方法、背景画像の変更方法、テーマ設定方法
    2024年10月11日
  • Windows10 で既定のアプリを変更する方法
    2024年10月11日
  • Windows 10 ファイルの拡張子を表示させる方法
    2024年10月9日

コメント

コメントする コメントをキャンセル

CAPTCHA

最近の投稿

  • くじランドに遊びに来てね!【くじランド】
  • ぬらりひょんとは? わしが解説する【くじランド】
  • チャンネル登録者数10人を達成しました!
  • チャンネル登録者数1人を達成しました!
  • Youtube投稿始めました!

最近のコメント

  1. 深夜セルフガソリンスタンド監視アルバイトの当たり現場と外れ現場 に Chet Garfinkel より
  2. Google Apps Script (GAS) 初回実行時のアクセス権限の承認方法 に くじらいど より
  3. Google Apps Script (GAS) 初回実行時のアクセス権限の承認方法 に tlover tonet より
  4. Google Chromeのホーム画面の背景を変更する方法(好きな画像に変更) に くじらいど より
  5. Google Apps Script (GAS) シートの値を削除する方法 に くじらいど より

アーカイブ

  • 2025年3月
  • 2025年1月
  • 2024年12月
  • 2024年11月
  • 2024年10月
  • 2024年6月
  • 2024年5月
  • 2024年4月
  • 2024年3月
  • 2024年2月
  • 2023年7月
  • 2023年6月
  • 2022年10月
  • 2022年9月
  • 2022年8月
  • 2022年7月

カテゴリー

  • PC
  • お知らせ
  • デザイン
  • プログラミング
  • 体験談
  • 日常
くじらいど
社会不適合者 / 趣味クリエイター
アラサー社会不適合者のくじらいどです。

普段は、youtubeで動画投稿やこのサイトでブログ投稿をしています。

喘息、アトピー、鼻炎持ち
教育失敗の世間知らず

自分にできることをやるだけ

プロフィール
目次
  • X
  • YouTube
  • Mail
  • 運営者情報
  • プライバシーポリシー
  • お問い合わせ

© くじらいどブログ.

  • メニュー
  • 検索
  • 目次
  • トップへ
目次