演算子を使って値を計算・比較しよう

演算子を使うと、数値の計算、文字列の結合、値の比較ができます。条件分岐へ進む前に、演算結果をConsoleで確認します。

今回使用するファイル構成

javascript-practice/
├── index.html
└── js/
    └── script.js

数値を計算する

const price = 3000;
const quantity = 2;

console.log(price + 500);
console.log(price - 500);
console.log(price * quantity);
console.log(price / quantity);
console.log(7 % 3);

+、-、*、/は四則演算、%は割り算の余りを求めます。

文字列を組み立てる

+で文字列を連結できます。

const category = 'JavaScript';
console.log(category + 'の記事です');

テンプレートリテラルを使うと、変数を文章へ埋め込めます。

const articleCount = 10;
console.log(`記事は${articleCount}件あります`);

テンプレートリテラルはバッククォートで囲み、${}の中へ変数や式を書きます。

値を比較する

const age = 20;

console.log(age === 20);
console.log(age !== 20);
console.log(age >= 18);
console.log(age < 18);

比較結果はtrueまたはfalseです。等しいか比較するときは、値と型の両方を比較する===を基本にします。

console.log(10 === '10');

数値の10と文字列の'10'は型が違うため、結果はfalseです。

複数の条件を組み合わせる

const isPublished = true;
const articleCount = 10;

console.log(isPublished && articleCount > 0);
console.log(isPublished || articleCount > 0);
console.log(!isPublished);

&&は両方が成立、||はいずれかが成立、!は真偽値を反転します。

まとめ

演算子は、値を計算するだけでなく、条件が成立するか判定するためにも使います。比較結果が真偽値になることをConsoleで確認してください。

次の記事では、比較した結果をifへ渡して処理を切り替えます。