【プログラミング初心者】1から学ぶJavaScript(ES6)/第2回:変数と定数の使用方

こんにちは！とも(@tomo_ITBizBlog)です！

今回は

という疑問/悩みを解決していきます。

変数とは？

変数の使用方

let name = "tomo";
console.log(name);

実行結果: tomo

let name = "tomo";
console.log("name");

実行結果: name

let name = "tomo";
console.log("Mr."+name);
let number = 5;
console.log(number +5);

実行結果:
Mr.tomo
10

変数使用のメリット

同じ値を繰り返し使える

let Language = "JavaScript";
console.log(”第１回"+ Language +"の概要を学ぼう");
console.log(”第２回"+ Language +"の変数の使用方を学ぼう");

実行結果: 
第１回JavaScriptの概要を学ぼう
第２回JavaScriptの変数の使用方を学ぼう

変更に対応しやすい

let Language = "C++";
console.log(”第１回"+ Language +"の概要を学ぼう");
console.log(”第２回"+ Language +"の変数の使用方を学ぼう");

実行結果: 
第１回C++の概要を学ぼう
第２回C++の変数の使用方を学ぼう

値の意味がわかりやすい

変数の値の更新方

変数はletなしで上書き

let Greeting ="Hello";
console.log(Greeting + " World");
Greeting = "Good Morning";
console.log(Greeting + " World");

実行結果: 
Hello World
Good Morning World

変数自身も更新できる

let number ="5";
console.log(number);
number = number + 5;
console.log(number);

実行結果: 
5
10

変数更新の省略形

基本形⇒省略形
x = x + 10 ⇒ x += 10
x = x - 10 ⇒  x -= 10
x = x * 10 ⇒  x *= 10
x = x / 10 ⇒  x /= 10
x = x % 10 ⇒ x %= 10

定数とは？

Const name = "tomo";
console.log(name);

実行結果: tomo

テンプレートリテラルとは？

const name = "tomo";
console.log(`Hello, ${name} .`);

実行結果: Hello, tomo.

まとめ