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