Qiitaにも記事を公開しています。よければ見てください！！

【JavaScript】よく使用する演算子をまとめてみた

JavaScript

こんにちは、kazuです。
本日はjavascriptの演算子についてみてみようと思います。

目次

演算子とは

まずはここから始めていきましょう。
演算子とは何かと言いますと、
たし算やかけ算など計算で使われる記号や
値の大小を比較する際に使われる記号のことです。
プログラミングではよく +,-,<,= などの記号がよく使用されます
特にif文などの条件式にはほぼ確実に使用されると思ってよいでしょう！

演算子の種類

演算子と言いましても一種類だけでなく
様々演算子の種類があります。

  1. 単項演算子
  2. 算術演算子
  3. 関係演算子
  4. 比較演算子
  5. 条件（三項）演算子
  6. 論理演算子
  7. 代入演算子

たくさんありますよね！
こんなに覚えられないと思った方もいると思います
ですがd、今あげた演算子は実務上非常によく使用されます！
ですので、覚えておいて損はないです
ですが、暗記をするのも悪くないのですが、
一つ一つどう言う動きを行うのか、
その時どのように使用すれば良いのか
実際に使いながら使うと覚えやすくなるのではないでしょうか？
では次に言葉だけでなく実際にどのように使用されるのか記号を見ていきましょう！

演算子の記号を見てみよう

早速演算子を見てみましょう！

単項演算子（記号） 演算子の意味
delete オブジェクトやプロパティ、配列の指定されたインデックスの要素を削除する
typeof 未評価の被演算子の方を指す文字列を返す。

算術演算子（記号） 演算子の意味
+ 加算
– 減算
* 乗算
/ 除算
% 剰余

関係演算子（記号） 演算子の意味
in 指定したプロパティが指定のオブジェクトにある場合にtrueを返す

比較演算子（記号） 演算子の意味
== 被演算子が等しい場合にtrueを返す
!= 被演算子が等しくない場合にtrueを返す
=== 被演算子が等しく、かつ同じ型である場合にtrueを返す
!== 被演算子が等しくなく、かつ/または同じ型でない場合にtrueを返す
> 左の被演算子が右の被演算子よりも大きい場合にtrueを返す
>= 左の被演算子が右の被演算子以上である場合にtrueを返す
< 左の被演算子が右の被演算子よりも小さい場合にtrueを返す
<= 左の被演算子が右の被演算子以下である場合にtrueを返す

条件（三項）演算子（記号） 演算子の意味
条件 ? 値1 : 値2 条件に基づいて2つの値のうち1つを選択する

論理演算子（記号） 演算子の意味
&& 両被演算子がtrueであった場合trueを返し、それ以外である場合はfalseを返す
|| どちらかの被演算子がtrueであればtrueを返し、両被演算子がfalseだった場合falseを返す
! 単一の被演算子をtrueと見ることができる場合は、falseを返す。そうでない場合はtrueを返す

代入演算子（記号） 演算子の意味
x = y x = y
x += y x = x + y
x -= y x = x – y
x *= y x = x * y
x /= y x = x / y
x %= y x = x % y
x &&= y x && (x = y)
x ||= y x || (x = y)
x ??= y x ?? (x = y)

けっこう出てきましたね！
これらはよく使用されるので抑えておいて損はないです
逆にこれらを覚えてしまえば問題どの言語でも大差ないので
使用できることになります。
少しずつでも覚えるようにしましょう！！

演算子を使ってみよう！！

では早速演算子を使用してみましょう！！
今回は算術演算子と代入演算子を使ってみることにします

var number_1 = 4
var number_2 = 8

answer_01 = number_1 + number_2         // 12
answer_02 = number_2 - number_1         // 4 
answer_02 = number_1 * number_2         // 32
answer_02 = number_2 / number_1         // 2
var x = 6
var y = 3

x += y      // 9
x -= y      // 3
x *= y      // 18
x /= y      // 2

まぁ何となくはわかって頂けたでしょうか？
論理演算子そして比較演算子は
ifの条件式で使用されることが多いです！
ifについては以下で解説しています

関連記事
【JavaScript】ifの使い方を解説していく

こんにちは、kazuです。 本日はif文について 書いていきます。 if文とは まずはif文とは何かですが、 if文とは「○○だった場合はこの処理」そして「××だった場合はこの処理」 というときに使用する文をif文といいます。 […]

簡単説明すると条件式で分けたものをifで分岐させます。
その分岐させるための条件書くことを論理演算子と比較演算子でよく使用されるので
確実に抑えましょう！！

最後に

いかがでしたでしょうか？
覚えること多いですよね！！
最初はサイトを見ながらで構いません
ただずっと見ながら書くのも時間を無駄に使ってしまうと思いますので
最終的には体で覚えさせると良いでしょう
というかずっとコードを書いていると覚えますので
心配しなくても大丈夫かと思います！
最後までご覧いただきありがとうございました！