初めてのJavascript – (4) – let変数に対して

言語切り替え

値に名前を付けて扱えるようになる
構文説明
let 変数名 = 値・変数にデータを代入しする。
・再代入も可能

JavaScriptでは、数値や文字列など様々なデータを扱います。

そのデータに名前を付けて簡単に利用するようにしたものを「変数」や「定数」といいます。

変数・定数にデータを代入することを「データを代入する」もしくは「値を格納する」と表現します。

JavaScriptでは定数をconstで、変数をletやvarで宣言します。

例えば、変数nameに文字列「Smith」を代入するためには以下のように記述します。

使用例

HTML

<button onclick="show_smith()">show_smith</button>

JavaScript

        let show_smith = () => {
            let name = "Smith";
            alert(name)
        }

実行結果

show_smithというボタンをクリックすると「name」に代入した「Smith」という文字が表示されます。

ちなみに変数には上記のような文字列だけではなく日付、数値、関数も代入できます。

例えば、変数return_dateには「現在の日付」を代入して、return_variableには「alert(“variable”)」という関数を代入してみます。

使用例

HTML

<button onclick="return_date()">return_date</button>
<br>
<button onclick="return_variable()">return_variable</button>

JavaScript

        let return_date = () => {
            let currentDate = new Date();  
            return alert(currentDate);
        }

        let return_variable = () => alert("variable");

実行結果

それ以外にも変数では以下のようなことができます。

  • 数値の変数同士で足し算、引き算ができる。
  • 文字列同士に結合することができる。
  • 変数を別の変数に代入できる。

下記のコードで上記の、上記の三つの特徴に対して説明します。

使用例

HTML

<button onclick="sum()">sum</button>
<br>
<button onclick="fullname()">fullname</button>
<br>
<button onclick="return_name()">James</button>

JavaScript

        let sum = () => {
            let number_1 = 10;
            let number_2 = 20;
            
            alert(number_1+number_2)
        }

        let fullname = () => {
            let familly_name =  "granblue ";
            let first_name = "fantasy";
            
            alert(familly_name + first_name)
        }

        let return_name = () => {
            let name_1 = "James";
            let name_2 = name_1;
            
            alert(name_2)
        }

実行結果

上記を見ていただくと

sumでは「number1という変数とnumber2という変数の足し算」を

fullnameでは「familly_nameという文字列変数とfirst_nameという文字列変数の文字列同士の結合」を

return_nameでは「name_1をname_2という変数に代入し、代入されたname_2」を

alertで出しています。

初めてのJavascript

初めてのJavascript - (1) - Javasciptの書き方 ・・・Javascriptをブラウザーで動かすための基本
初めてのJavascript – (2) – 別のファイルにJavaScriptを書く ・・・JavaScriptファイルを色んなファイルに分けて記述する方法が分かる。
初めてのJavascript – (3) – 計算プログラム作成 ・・・四則演算の使い方を知りたい
初めてのJavascript – (4) – let変数に対して ・・・値に名前を付けて扱えるようになる
初めてのJavascript – (5) – 定数を使う ・・・再代入不可の定数を扱えるようになる
初めてのJavascript – (6) – コメント ・・・プログラムの処理内容に対してメモを残せます。
[Total: 0 Average: 0]

コメント

 
タイトルとURLをコピーしました