HTML、CSS、JavaScriptJavaScriptの基礎

JavaScriptの基礎:演算子を解説(算術、代入、比較)

JavaScript演算子解説ページ1のアイキャッチ画像 HTML、CSS、JavaScript

この記事では、プログラミングにおける演算子の基本と主要な演算子の種類について学びます。特に、算術演算子、代入演算子、比較演算子に焦点を当て、それぞれの役割と使用方法を理解できます。これらの演算子は、プログラミングの基礎となる重要な要素です。

はじめに

この記事のコードをコピペして出力してみよう。

VSCodeでコードを書き、Node.jsでコンソール出力する方法がおすすめです。

演算子の基本

演算子は、JavaScriptで値を操作するための特殊な記号や単語です。これらを使用して、数値の計算、文字列の連結、変数への代入、値の比較などを行うことができます。

演算子は、1つ以上のオペランド(値や変数)に対して特定の操作を実行するものです。演算子は、プログラムの中で頻繁に使用され、データの処理や制御フローの管理に不可欠です。

算術演算子

算術演算子は、数値を操作するための基本的な演算子です。

JavaScript
// 加算
let sum = 5 + 3;
console.log("加算結果:", sum); // 出力: 加算結果: 8

// 減算
let difference = 10 - 4;
console.log("減算結果:", difference); // 出力: 減算結果: 6

// 乗算
let product = 3 * 4;
console.log("乗算結果:", product); // 出力: 乗算結果: 12

// 除算
let quotient = 15 / 3;
console.log("除算結果:", quotient); // 出力: 除算結果: 5

// 剰余(余り)
let remainder = 17 % 5;
console.log("剰余結果:", remainder); // 出力: 剰余結果: 2

// インクリメント
let count = 0;
count++;
console.log("インクリメント後:", count); // 出力: インクリメント後: 1

// デクリメント
let value = 5;
value--;
console.log("デクリメント後:", value); // 出力: デクリメント後: 4

出力結果:

加算結果: 8
減算結果: 6
乗算結果: 12
除算結果: 5
剰余結果: 2
インクリメント後: 1
デクリメント後: 4

このコードでは、基本的な算術演算子の使用例を示しています。加算(+)、減算(-)、乗算(*)、除算(/)、剰余(%)は最も一般的な演算子です。また、インクリメント(++)とデクリメント(–)演算子は、値を1増やしたり減らしたりするのに便利です。

代入演算子

代入演算子は、変数に値を割り当てるために使用されます。

JavaScript
// 基本的な代入
let x = 10;
console.log("基本的な代入:", x); // 出力: 基本的な代入: 10

// 加算代入
let y = 5;
y += 3;
console.log("加算代入後:", y); // 出力: 加算代入後: 8

// 減算代入
let z = 15;
z -= 7;
console.log("減算代入後:", z); // 出力: 減算代入後: 8

// 乗算代入
let a = 4;
a *= 3;
console.log("乗算代入後:", a); // 出力: 乗算代入後: 12

// 除算代入
let b = 20;
b /= 4;
console.log("除算代入後:", b); // 出力: 除算代入後: 5

出力結果:

基本的な代入: 10
加算代入後: 8
減算代入後: 8
乗算代入後: 12
除算代入後: 5

このコードでは、様々な代入演算子を示しています。基本的な代入(=)に加えて、複合代入演算子(+=, -=, *=, /=)も頻繁に使用されます。これらの演算子は、演算と代入を1つの操作で行うことができ、コードをより簡潔にします。

比較演算子

比較演算子は、2つの値を比較し、その結果として真偽値(true または false)を返します。

JavaScript
// 等価
console.log("5 == '5':", 5 == "5"); // 出力: 5 == '5': true(型変換あり)

// 厳密等価
console.log("5 === '5':", 5 === "5"); // 出力: 5 === '5': false(型も比較)

// 不等価
console.log("10 != '10':", 10 != "10"); // 出力: 10 != '10': false(型変換あり)

// 厳密不等価
console.log("10 !== '10':", 10 !== "10"); // 出力: 10 !== '10': true(型も比較)

// 大なり
console.log("8 > 5:", 8 > 5); // 出力: 8 > 5: true

// 小なり
console.log("3 < 2:", 3 < 2); // 出力: 3 < 2: false

// 以上
console.log("7 >= 7:", 7 >= 7); // 出力: 7 >= 7: true

// 以下
console.log("4 <= 3:", 4 <= 3); // 出力: 4 <= 3: false

出力結果:

5 == '5': true
5 === '5': false
10 != '10': false
10 !== '10': true
8 > 5: true
3 < 2: false
7 >= 7: true
4 <= 3: false

このコードでは、様々な比較演算子を示しています。等価(==)と厳密等価(===)の違いは重要です。等価演算子は型変換を行いますが、厳密等価演算子は型も含めて比較します。同様に、不等価(!=)と厳密不等価(!==)にも同じ違いがあります。

大なり(>)、小なり(<)、以上(>=)、以下(<=)の演算子は、主に数値の比較に使用されますが、文字列の比較にも使用できます。

これらの演算子を理解し、適切に使用することで、JavaScriptでより効果的なプログラミングが可能になります。特に、条件分岐や繰り返し処理において、これらの演算子は重要な役割を果たします。

まとめ

  • 演算子はプログラム内でデータを操作するための基本的なツールです。
  • 算術演算子(+, -, *, /, %)は数値計算に使用されます。
  • 代入演算子(=, +=, -=など)は変数に値を割り当てるために使用されます。
  • 比較演算子(==, !=, >, <, >=, <=)は値の比較に使用されます。
  • これらの演算子を適切に使用することで、効率的なプログラミングが可能になります。

演算子の理解は、プログラミングの基礎を築く上で非常に重要です。算術演算子を使用することで、基本的な数学的操作を行うことができます。代入演算子は、変数の値を効率的に更新するのに役立ちます。比較演算子は、条件分岐や繰り返し処理において重要な役割を果たします。

コメント

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