今回も変数です。演算でいろいろ遊んでいます。
![](https://tenarai.blog/wp-content/uploads/2024/02/20240225_study_wakaru_boy-300x300.png)
1 変数で計算
まず数値の計算です。
HTML(コード入力)
<!DOCTYPE html> <html> <head> <title>てすと</title> <meta charset="UTF-8"> </head> <body> <script> let a = 100; let b = 200; let c = a + b; document.write("<p>" + c + "</p>"); </script> </body> </html>
ブラウザ(実行結果)
<script> 以下の3行目で、c = a + b と定義しています。
その c を出力すると a b という変数(箱)ではなく、a と b にそれぞれ代入された数値(100, 200)の計算結果(300)が出力されるのは以前学んだのと同じ結果です。
では、文字列ではどうなるのでしょうか。
文字列の間に直接「+」を置いたときは連結されましたが。
HTML(コード入力)の一部
let d = "こん"; let e = "にちは"; let f = d + e; document.write("<p>" + f + "</p>");
ブラウザ(実行結果)
なるほど、こちらも変数(箱)そのものではなく、それぞれ代入された文字列(こん、にちは)の連結結果(こんにちは)が出力されます。
この場合も、文字列の間に直接「+」を置いたときと同様ですね。
HTML(コード入力)の一部
let g = "こん"; let h = 2; let i = "ちは"; let j = g + h + i; document.write("<p>" + j + "</p>");
ブラウザ(実行結果)
また遊んでしまいましたが、文字列と数値が混在しても同じ結果です。
ですので、数字も ” ” で囲むと文字列として扱われます。
HTML(コード入力)の一部
let v = 100; let w = 200; let x = "200"; let y = v + w; let z = v + x; document.write("<p>" + y + "</p>"); document.write("<p>" + z + "</p>");
ブラウザ(実行結果)
y は v(数値) と w(数値) を足した数値となります。
しかし、z は v(数値)と x(文字列)を+でつないであるため、連結され文字列となってしまいますので注意が必要です。
2 変数+数値
さて上記の例では変数どうしの計算・連結でしたが、片方が値だったらどうなるのでしょうか。
HTML(コード入力)の一部
let k = 100; k = k + 50; document.write("<p>" + k + "</p>"); let l = 100; l = l - 50; document.write("<p>" + l + "</p>");
ブラウザ(実行結果)
さて、上の3行の例では変数 k を宣言し、同時に変数 k に「100」を代入。
続いて次の行で、その k に「50」を足しその結果を k に代入するという処理を行っています。
算数の式という目で見ればヘンですが、プログラムの世界では「150」という結果が得られます。
なお下の3行は引き算ですが考え方は同様です。
そして次は簡略化した方法です。
HTML(コード入力)の一部
let m = 100; m += 50; document.write("<p>" + m + "</p>"); let n = 100; n -= 50; document.write("<p>" + n + "</p>");
ブラウザ(実行結果)
上記の例 m += 50 は複合代入演算といって、2行目は m = m + 50 と同じ結果となります。
また、5行目の n -= 50 は n = n – 50 と同じで、m、n の演算結果は先の例と同じ値になっています。
ちなみに、変数に対して1を足す処理を「インクリメント」、逆に1を引く処理を「デクリメント」というそうです。
HTML(コード入力)の一部
let o = 100; o++; document.write("<p>" + o + "</p>"); let p = 100; p--; document.write("<p>" + p + "</p>");
ブラウザ(実行結果)
o + + と記述すると、結果は o = o + 1 と同じになり、p – – と記述すると、結果は p = p – 1 と同じになります。
コードの文字数が少なくなるのはいいのですが、同じことをするのに複数のやり方があるのはあまり好きではありませんねぇ。
3 次回
さて次回は変数の3回目。
定数などを勉強します。
カテゴリー
更新記事
- 『日本経済新聞』を読む 2(DAC、株主優待、オピオイド、ベトナム車市場、離れ小島)
- 『日本経済新聞』を読む 1(リバースメンタリング、CBT、EBPM、地方創生DAO、IBD)
- テーマ株投資(7か月)
- 『会社四季報 2024年 3集 夏号』を読む 20(RPF、DtoC、ToF、駅ナカ、CX)
- 『会社四季報 2024年 3集 夏号』を読む 19(ATC、プローブカード、ニューデリー、商品CFD、SUV、FPC、IFRS)
- 『会社四季報 2024年 3集 夏号』を読む 18(シャリ玉ロボット、YAGレーザー、シナジー、SaaS、クルーズ、DFBレーザー)
- 『会社四季報 2024年 3集 夏号』を読む 17(DSP、サーメタル、自動小銃、ダイカストマシン、FPSO、サーボモーター、水晶振動子)
- 『会社四季報 2024年 3集 夏号』を読む 16(クロスセル、eVTOL、CFCC、RFID、配当性向、事業承継)
- 『会社四季報 2024年 3集 夏号』を読む 15(SiC半導体、NAS電池、フェロニッケル、フェライト粉、スポンジチタン)
- 『会社四季報 2024年 3集 夏号』を読む 14(AI警備システム、プロダクトアウト、ホットメルト接着剤、放熱ゲル、パイル、カソード)
- 『会社四季報 2024年 3集 夏号』を読む 13(PLM、ファクタリング、BCP、グリシン、メタクリル樹脂、アクティブシニア)
- テーマ株投資(6か月)
- 『会社四季報 2024年 3集 夏号』を読む 12(カプロラクタム、ゼロトラスト、RAG、ERP、シリカ)
- 『会社四季報 2024年 3集 夏号』を読む 11(オリゴマー、エッジAI、MLCC、ジルコニウム、アセチレンガス、ファインケミカル)
- 『会社四季報 2024年 3集 夏号』を読む 10(フラッシュハンドル、自動配膳ロボット、R-SUD、レコメンド機能、マーチャンダイジング、エレクトロニクスガス、コーシャ認証)
- 『会社四季報 2024年 3集 夏号』を読む 9(ペロブスカイト太陽電池、プロテイン、銀だこ、尿素SCR、エクソソーム)
- 『会社四季報 2024年 3集 夏号』を読む 8(ドミナント、EBITDA、SAF、消防車、キャンプ用品、GIGAスクール、ボウリング場)
- 『会社四季報 2024年 3集 夏号』を読む 7(MD、パーム椰子、GMS、EC、デジタルサイネージ、ハラール認証、ヴィーガンコスメ)
- 『会社四季報 2024年 3集 夏号』を読む 6(BIM、CMS、つけまつげ、CDMO、BNPL、EDI、CRM)
- 『会社四季報 2024年 3集 夏号』を読む 5(アグリゲーション、EMS、BPO、のれん、カカオ豆、オーツミルク)
- 『会社四季報 2024年 3集 夏号』を読む 4(SEP、社内起業、ZEP、VPP、DOE、バイオセンサー、PBX)
- 『会社四季報 2024年 3集 夏号』を読む 3(海上油田、シェールオイル、カーボンクレジット、キャッシュフロー経営、軽量気泡コンクリート、医療観光、洋上風力発電)
- テーマ株投資(5か月)
- 『会社四季報 2024年 3集 夏号』を読む 2
- 『会社四季報 2024年 3集 夏号』を読む 1
- JavaScript でDOM 2
- JavaScript でDOM 1
- JavaScript でオブジェクト 5
- JavaScript でオブジェクト 4
- JavaScript でオブジェクト 3
- JavaScript でオブジェクト 2
- JavaScript でオブジェクト 1
- JavaScript で関数 3
- JavaScript で関数 2
- JavaScript で関数 1
- JavaScript で配列 6
- JavaScript で配列 5
- JavaScript で配列 4
- テーマ株投資(3カ月目)
- JavaScript で配列 3
- JavaScript で配列 2
- JavaScript で配列 1
- JavaScript で「繰り返し」2
- 『チーズはどこへ消えた?』を読む 2
- 『チーズはどこへ消えた?』を読む 1
- JavaScript で「繰り返し」1
- JavaScript で「もし」3
- テーマ株投資(2カ月目)
- JavaScript で「もし」2
- 「記憶」本 5冊を読む 3
- 「記憶」本 5冊を読む 2
- 「記憶」本 5冊を読む 1
- テーマ株投資(1カ月半)
- 「睡眠」本 6冊を読む3(夜間・朝の行動)
- 「睡眠」本 6冊を読む2(昼間の行動)
- テーマ株投資(1か月目)
- JavaScript で「もし」1
- JavaScript で変数3
- 「睡眠」本 6冊を読む1(理論)
- JavaScript で変数2
- テーマ株投資(第3週目)
- JavaScript でヘンな数
- 「メモ」本 6冊を読む2(メモの方法)
- テーマ株投資(第2週目)
- JavaScript で足し算
- 「メモ」本 6冊を読む1(メモの意義)
- テーマ株投資(第1週目)
- JavaScript で「こんにちは世界」
- 「コーチング」本 6冊を読む
- はじめてのテーマ株投資
- JavaScript とは
- 「怒り」「アンガーマネジメント」本 7冊を読む
- JavaScript を始めてみる
- 初めての自動給水器
- 「ブランディング」本 6冊を読む
タグ
break (1) class (3) collection (6) continue (1) CSS (2) DOM (2) for (1) function (3) HTML (8) if (2) JavaScript (28) object (5) pop (1) push (1) shift (1) switch (1) unshift (1) VBA (1) while (2) ことば (2) アンガーマネジメント (1) インソース (1) ココナラ (11) コーチング (1) チーズ (2) ネズミ (2) ノート (2) パーソルホールディングス (3) ブランディング (1) ブランド (1) プログリット (1) ポート (1) メモ (2) リスキリング (1) リンクアンドモチベーション (2) 変数 (3) 学習 (1) 小人 (2) 怒り (1) 株式 (29) 睡眠 (3) 給水器 (1) 記憶 (3) Aoba-BBT (11) IGS (11) Kラーニング (1)