# プリミティブ型

前チャプターにて、変数、定数を定義し値を格納しましたが、値には**型**があります。**型**というのは、値がどういう種類なのかを分類するもので、JavaScriptでは型を大きく2つの分類に分けることができ、**プリミティブ型**と**オブジェクト型**に分類できます。

以下に記述するものが、**プリミティブ型**になります。

## **文字列型(string型)**

`'(シングルクォート)`もしくは`"(ダブルクォート)`で括ります。

<pre class="language-javascript" data-title="index.js◎"><code class="lang-javascript">let nickname = 'tarou';
console.log(nickname);
nickname = 'sample';
console.log(nickname);

const firstName = ('jirou');
console.log(firstName);

<strong>let fruit = 'apple';
</strong></code></pre>

```javascript
let fruit = "apple";
```

## **数値型(number型)**

以下のように記述します。

<pre class="language-javascript" data-title="index.js◎"><code class="lang-javascript">...
let fruit = 'apple';

<strong>let age = 20;
</strong></code></pre>

少数も扱うことができます。

<pre class="language-javascript" data-title="index.js◎"><code class="lang-javascript">...
let age = 20;
<strong>let circleRatio = 3.14;
</strong></code></pre>

## **論理型(boolean型)**

**真(true)**&#x304B;**偽(false)**&#x304B;の値のみ扱うことができます。

<pre class="language-javascript" data-title="index.js◎"><code class="lang-javascript">...
let circleRatio = 3.14;

<strong>let isActive = true;
</strong></code></pre>

boolean型を扱う場合は、変数名を`is`\~とするのが良いかと思います。

## **undefined**

こちらは未定義であることを示す値で、以下のように値を渡さずに定義すると、`color`に`undefined`が格納されます。

<pre class="language-javascript" data-title="index.js◎"><code class="lang-javascript">...
let isActive = true;

<strong>let color;
</strong></code></pre>

## **null**

こちらは値が存在しないことを意味します。

<pre class="language-javascript" data-title="index.js"><code class="lang-javascript">...
let color;

<strong>let box = null;
</strong></code></pre>

型のチェックに関しては、以下のように記述することで確認することができます。

<pre class="language-javascript" data-title="index.js"><code class="lang-javascript">...
let box = null;

<strong>console.log(typeof fruit);
</strong></code></pre>

<figure><img src="https://1869761657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcUBbYqol4PMzZJggiMqV%2Fuploads%2FPomdDywOjrWERL1oyYBw%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-11-29%2015.07.53.png?alt=media&#x26;token=2aaada01-d991-4f8f-b6db-3a90fba5050f" alt=""><figcaption></figcaption></figure>
