変数・基本的な演算・文字列・出力

この記事では、JavaScriptの変数・基本的な演算・出力について解説する。

コメントとは

コメントとはプログラム上で実行されない部分のことを指す。

コメントは、プログラムの注意書きや目的などを書くときに使用する。

他人や昔自分が書いたコードはわかりにくいので、コメントで情報を補完すると改造や修正がしやすくなるので適宜書くことをおすすめする。

一行コメント

「//」 2つ書くとその行の「//」より後ろの文字はコメントになる。

以下がコメントのサンプルである。


// 一行コメント

console.log("ここはコメントではない");  // スラッシュより後ろはコメント

複数行コメント

複数行にまたいだコメントを書きたい場合は「/* */」を書くと複数行のコメントを書くことができる。

以下が複数行コメントのサンプルである。


/*
複数行コメント
のサンプルである
*/

/* 囲んだ場所がコメントになる。 */

console.log("ここはコメントではない");  /*この間はコメント*/    console.log("ここはコメントではない");

変数

変数とは

変数はデータを入れる箱のようなものである。

変数にデータを入れることを代入と言い、変数を作ることは宣言と言う。

変数に値を代入するときは「=」を使う。

変数宣言(let, const)

変数の宣言には主に「let」と「const」を使用する。

let

「let」は再代入可能な変数を宣言するときに使用する。

使いまわしたい変数に使用する。


let a = 10;
console.log(a); // 10
a = 20;
console.log(a); // 20

const

「const」は再代入不可能な変数を宣言するときに使用する。

プログラム内で値を変更しない変数に使用する。


const b = 30;
console.log(b); // 30
b = 40;         // constは再代入不可なので「TypeError」になる

基本的な演算

オペランドとは

オペランドとは数式を構成する要素のうち、演算の対象となる値や変数などのこと。

JavaScriptでは演算子(+ や *など)とオペランド(値や変数)を組み合わせて計算を行う。


let a = 1;
let b = 2;
console.log(a + b);     // 3

この例では、

+ が演算子
a と b がオペランド

となっている。

演算子は「なにをするか表す記号」、オペランドは「なにに対して行うか」を表している。

算術演算子

JavaScriptでは、四則演算(足し算、引き算、掛け算、割り算)を行うことができる。

主な演算子は以下の通りである。

算術演算子一覧
演算子	名称	説明
+	加算演算子	右辺と左辺を足す
-	減算演算子	右辺を左辺から引く
*	乗算演算子	右辺と左辺を掛ける
/	除算演算子	左辺を右辺で割る
%	剰余演算子	左辺を右辺で割った余りを求める
**	べき乗演算子	左辺の数値を右辺の数値だけべき乗する

算術演算子の使い方

以下に算術演算子の使用例を示す。


let a = 10;
let b = 3;
console.log(a + b);   // 13
console.log(a - b);   // 7
console.log(a * b);   // 30
console.log(a / b);   // 3.3333...
console.log(a % b);   // 1
console.log(a ** b);  // 1000

代入演算子

代入演算子は、変数に値を代入するために使用する。

主な演算子は以下の通りである。

代入演算子一覧
演算子	名称	説明
=	代入演算子	右辺の値を左辺の変数に代入する
+=	加算代入演算子	右辺の値を左辺の変数に加算して代入する
-=	減算代入演算子	右辺の値を左辺の変数から引いて代入する
*=	乗算代入演算子	右辺の値を左辺の変数に乗算して代入する
/=	除算代入演算子	右辺の値で左辺の変数を割って代入する
%=	剰余代入演算子	右辺の値で左辺の変数を割った余りを代入する
**=	べき乗代入演算子	左辺の変数を右辺の値だけべき乗して代入する

代入演算子の使い方

以下に代入演算子の使用例を示す。


let a = 10;
a += 5;         // a = a + 5 と同じ
console.log(a); // 15
a -= 3;         // a = a - 3 と同じ
console.log(a); // 12
a *= 2;         // a = a * 2 と同じ
console.log(a); // 24
a /= 4;         // a = a / 4 と同じ
console.log(a); // 6
a %= 4;         // a = a % 4 と同じ
console.log(a); // 2
a **= 3;        // a = a ** 3 と同じ
console.log(a); // 8

文字列

文字列とは、文字が連続したデータのことである。

JavaScriptでは文字列を変数に代入する場合、以下のように書く。


let str1 = "sample"; // ダブルクォーテーションで囲む
let str2 = 'sample'; // シングルクォーテーションで囲む
let str3 = `sample`; // バッククォーテーションで囲む

※ 文字列の開始と終了は同じ種類のクォーテーションで囲む必要がある。

例：'sample" や "sample` はエラーになる。

文字列は数値と異なり、演算結果が数値にならない場合があるため注意が必要である。


console.log(1 + 2);         // 3 (数値の足し算)
console.log(1 + "2");       // "12" (文字列の連結)

連結

文字列を連結するためには「+」演算子を使用する。

以下に使用例を示す。


let str1 = "Hello, ";
let str2 = "World!";
let result = str1 + str2;
console.log(result); // Hello, World!

埋め込み

文字列内に変数や式を埋め込むことができる。

埋め込みを行うにはバッククォーテーション(`)で囲み、${}内に変数や式を記述する。