# 関係演算子

2つの値を比較する際に用いるものを関係演算子と言い、`true`、`false`を返却します。

`>`,`>=`,`<`,`<=`,`===`,`!==`が該当します。

`>`は左辺が右辺よりも大きい場合に`true`を返却します。

<pre class="language-javascript" data-title="index.js◎"><code class="lang-javascript">...
console.log(x); // 10

<strong>console.log(x > 5); // true
</strong><strong>console.log(x > 20); // false
</strong></code></pre>

`>=`は、左辺が右辺よりも大きい、もしくは同じ値の場合に`true`を返却します。

<pre class="language-javascript" data-title="index.js◎"><code class="lang-javascript">...
console.log(x > 20); // false
<strong>console.log(x >= 10); // true
</strong></code></pre>

`<`は左辺が右辺よりも小さい場合に`true`を返却します。

<pre class="language-javascript" data-title="index.js◎"><code class="lang-javascript">...
console.log(x >= 10); // true

<strong>console.log(x &#x3C; 20); // true
</strong><strong>console.log(x &#x3C; 5); // false
</strong></code></pre>

`<=`は、左辺が右辺よりも小さい、もしくは同じ値の場合に`true`を返却します。

<pre class="language-javascript" data-title="index.js◎"><code class="lang-javascript">...
console.log(x &#x3C; 5); // false
<strong>console.log(x &#x3C;= 10); // true
</strong></code></pre>

`===`は、左辺と右辺が同じ値の場合に`true`を返却します。

<pre class="language-javascript" data-title="index.js◎"><code class="lang-javascript">...
console.log(x &#x3C;= 10); // true

<strong>console.log(x === 10); // true
</strong><strong>console.log(x === 11); // false
</strong></code></pre>

`!==`は、左辺と右辺が異なる値の場合に`true`を返却します。

<pre class="language-javascript" data-title="index.js◎"><code class="lang-javascript">...
console.log(x === 11); // false

<strong>console.log(x !== 11); // true
</strong><strong>console.log(x !== 10); // false
</strong></code></pre>

`===`と、`!==`に関してですが、`==`と、`!=`という演算子も存在します。

`==`は`===`と異なり、左辺と右辺の型が異なる場合に、右辺を左辺と同じ型に変換して比較を行います。以下のように、数値型の`1`と文字列型の`1`を比較した際に、`===`の場合は、型が異なり`false`を返却しますが、`==`の場合は、右辺の文字列型の`1`が数値型に変換され、同じ値とみなされ`true`を返却します。

<pre class="language-javascript" data-title="index.js◎"><code class="lang-javascript">...
console.log(x !== 10); // false

<strong>console.log(1 === '1') // false
</strong><strong>console.log(1 == '1') // true
</strong></code></pre>
