JavaScript でヘンな数

　今回は「変数」とは何かを勉強します。

１　変数とは

　変数はいろんな値（数字、文字列など）を入れることができるハコのようなものです。
　書籍では、よく「箱」のイラストが描かれています。

　変数を扱う方法
　　①宣言（let の部分）　②代入（＝の部分）

HTML（コード入力）

<!DOCTYPE html>
<html>
<head>
    <title>サンプル</title>
    <meta charset="UTF-8">
</head>
<body>
    <script>
        let a;
        a = 100;
        document.write("<p>" + a + "</p>");
    </script>
</body>
</html>

ブラウザ（実行結果）

てすと

　コードでは write メソッドの引数として a が使われていますが、ブラウザでは「100」が表示されています。
　とうことは、箱そのものではなく、その箱の中の値が表示されるということですね。
　そして、この変数には基本的に何度でも値を代入することができます。

HTML（コード入力）の一部

let b;
b = 100;
document.write("<p>" + b + "</p>");
b = 200;
document.write("<p>" + b + "</p>");

ブラウザ（実行結果）

てすと

　b にはいったん「100」代入して表示しています。
　その後、b に「200」を代入して表示。
　変数には様々な値を代入することができ、かつ上書きできます。

２　変数の名前

　変数の名前にはルールがあります。

Unicode文字、アンダーバー、ドル記号
大文字と小文字は区別される（ABC と abc とは別の変数）
１文字目に数字はダメ
あらかじめ JavaScript で決まっている文字列はダメ（for などの「予約語」）

３　変数の値

　さて、次は中に入れる値についてみていきます。
　その前に、宣言と代入を同時に行う方法です。

HTML（コード入力）の一部

let c;
c = 100;

let c = 100;

　上段の１行目及び２行目と同じことを、下段の１行のみで行っています。

HTML（コード入力）の一部

let d = 100;
document.write("<p>" + d + "</p>");
d = "こんにちは";
document.write("<p>" + d + "</p>");

ブラウザ（実行結果）

サンプル

　１行目では宣言と代入を同時に行ったので、２行目の write メソッドで変数 d の値である「100」（数値）が表示されます。
　そして３行目ではその d に「こんにちは」を代入し、それを４行目で表示しています。
　このように、同一の変数であっても、例えば上の例のようにそれぞれ数値と文字列といった異なる「型」の値を代入して表示することができます。

４　次回

　変数がどのような性質なのか分かったので、次回はこの変数を使って演算（計算）を行いたいと思います。

更新記事

『会社四季報 2024年 3集夏号』を読む１１（オリゴマー、エッジＡＩ、ＭＬＣＣ、ジルコニウム、アセチレンガス、ファインケミカル）2024-07-25
『会社四季報 2024年 3集夏号』を読む１０（フラッシュハンドル、自動配膳ロボット、Ｒ－ＳＵＤ、レコメンド機能、マーチャンダイジング、エレクトロニクスガス、コーシャ認証）2024-07-22
『会社四季報 2024年 3集夏号』を読む９（ペロブスカイト太陽電池、プロテイン、銀だこ、尿素ＳＣＲ、エクソソーム）2024-07-19
『会社四季報 2024年 3集夏号』を読む８（ドミナント、ＥＢＩＴＤＡ、ＳＡＦ、消防車、キャンプ用品、ＧＩＧＡスクール、ボウリング場）2024-07-16
『会社四季報 2024年 3集夏号』を読む７（ＭＤ、パーム椰子、ＧＭＳ、ＥＣ、デジタルサイネージ、ハラール認証、ヴィーガンコスメ）2024-07-13
『会社四季報 2024年 3集夏号』を読む６（ＢＩＭ、ＣＭＳ、つけまつげ、ＣＤＭＯ、ＢＮＰＬ、ＥＤＩ、ＣＲＭ）2024-07-10
『会社四季報 2024年 3集夏号』を読む５（アグリゲーション、ＥＭＳ、ＢＰＯ、のれん、カカオ豆、オーツミルク）2024-07-07
『会社四季報 2024年 3集夏号』を読む４（ＳＥＰ、社内起業、ＺＥＰ、ＶＰＰ、ＤＯＥ、バイオセンサー、ＰＢＸ）2024-07-04
『会社四季報 2024年 3集夏号』を読む３（海上油田、シェールオイル、カーボンクレジット、キャッシュフロー経営、軽量気泡コンクリート、医療観光、洋上風力発電）2024-07-01
テーマ株投資（５か月）2024-06-28
『会社四季報 2024年 3集夏号』を読む２2024-06-25
『会社四季報 2024年 3集夏号』を読む１2024-06-22
JavaScript でDOM ２2024-06-18
JavaScript でDOM １2024-06-14
JavaScript でオブジェクト５2024-06-10
JavaScript でオブジェクト４2024-06-06
JavaScript でオブジェクト３2024-06-02
JavaScript でオブジェクト２2024-05-29
JavaScript でオブジェクト１2024-05-25
JavaScript で関数３2024-05-21
JavaScript で関数２2024-05-17
JavaScript で関数１2024-05-13
JavaScript で配列６2024-05-10
JavaScript で配列５2024-05-07
JavaScript で配列４2024-05-04
テーマ株投資（３カ月目）2024-05-02
JavaScript で配列３2024-04-27
JavaScript で配列２2024-04-24
JavaScript で配列１2024-04-21
JavaScript で「繰り返し」２2024-04-18
『チーズはどこへ消えた？』を読む２2024-04-15
『チーズはどこへ消えた？』を読む１2024-04-11
JavaScript で「繰り返し」１2024-04-07
JavaScript で「もし」３2024-04-01
テーマ株投資（２カ月目）2024-03-29
JavaScript で「もし」２2024-03-28
「記憶」本５冊を読む３2024-03-24
「記憶」本５冊を読む２2024-03-20
「記憶」本５冊を読む１2024-03-17
テーマ株投資（１カ月半）2024-03-15
「睡眠」本６冊を読む３（夜間・朝の行動）2024-03-10
「睡眠」本６冊を読む２（昼間の行動）2024-03-03
テーマ株投資（１か月目）2024-03-01
JavaScript で「もし」１2024-02-29
JavaScript で変数３2024-02-27
「睡眠」本６冊を読む１（理論）2024-02-25
JavaScript で変数２2024-02-23
テーマ株投資（第３週目）2024-02-22
JavaScript でヘンな数2024-02-20
「メモ」本６冊を読む２（メモの方法）2024-02-18
テーマ株投資（第２週目）2024-02-16
JavaScript で足し算2024-02-14
「メモ」本６冊を読む１（メモの意義）2024-02-12
テーマ株投資（第１週目）2024-02-09
JavaScript で「こんにちは世界」2024-02-09
「コーチング」本６冊を読む2024-02-06
はじめてのテーマ株投資2024-02-01
JavaScript とは2024-01-30
「怒り」「アンガーマネジメント」本７冊を読む2024-01-27
JavaScript を始めてみる2024-01-22
初めての自動給水器2024-01-21
「ブランディング」本６冊を読む2024-01-20

手習い日記帳

１　変数とは

HTML（コード入力）

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

２　変数の名前

３　変数の値

HTML（コード入力）の一部

HTML（コード入力）の一部

ブラウザ（実行結果）

４　次回

カテゴリー

更新記事

タグ

JavaScript でヘンな数

１ 変数とは

HTML（コード入力）

ブラウザ（実行結果）

HTML（コード入力）の一部

ブラウザ（実行結果）

２ 変数の名前

３ 変数の値

HTML（コード入力）の一部

HTML（コード入力）の一部

ブラウザ（実行結果）

４ 次回

カテゴリー

更新記事

タグ

１　変数とは

２　変数の名前

３　変数の値

４　次回