【JavaScript】 データ型とは【文字列型, 数値型】

みなさんこんにちは、現役エンジニアのサメハックです

アパレル企業でトップ販売員を経て
現在 Web エンジニアとして正社員で 5 年働いています。

今回は JavaScript の文字列型と数値型について学んでいきましょう！

駆け出しエンジニアや未経験の方、また新入社員を指導する先輩社員にとっても
わかりやすいように解説していきます！

文字列型とは

文字列型とは、JavaScript の最も基本的なデータ型です。

シングルクォーテーション( ‘ )
ダブルクォーテーション( ” )
バッククォーテーション( ` )

のどれかで挟むことで、文字列として扱うことが出来ます。

シングルクォーテーション( ‘ )

console.log('こんにちは');
// こんにちは

ダブルクォーテーション( ” )

console.log("こんにちは");
// こんにちは

バッククォーテーション( ` )

console.log(`こんにちは`);
// こんにちは

※これは特殊な書き方をする際の記法なので、通常は使いません

クォーテーションで挟まなければエラーが発生します！

console.log(こんにちは);
// ReferenceError: こんにちは is not defined

数値型とは

数値型も JavaScript の基本的なデータ型です。
文字列とは違い、クォーテーション等では挟みません

console.log(12345);
// 12345

間違えやすいポイント！

数値を取り扱うときはクオーテーションで挟まない、
というのは先ほどのとおりなのですが、
クオーテーションで挟んだ時にもパッと見、同じように出力されるのです。

console.log(12345);
// 12345
console.log("12345");
// 12345

これはいわゆる数字と数値の違いです！

クオーテーションで挟むことで文字列、つまり数字として扱われます。

数字と数値の違い

数字と数値の最も大きな違いは計算ができるかどうかです！

では実際に下記のコードを動かしてログを出力してみてください。
※ログの出力の仕方と、オンラインでの JavaScript の実行環境について
    詳しく知りたい方は、先日の記事をご参照ください。

【JavaScript】ログを出してみよう！【console.log】

この記事を読むとこのような事ができるようになります！ ・ログが出せるようになる ・実際のWebサイトでログが見れるようになる ・環境構築不要でJavaScriptが学べるようになる

samehack.com

数字(文字列)

console.log("1" + "2");
// 12

数字の場合は 1 と 2 が連結されて”12″となりました。
これはいわゆる 12(十二)という値ではなく
“1”と”2″が並んでいるだけの文字列です。

つまり、プラスという演算子を用いて文字列を連結しているので、
このような処理とも同等です。

console.log("サメ" + "ハック");
// サメハック

難しい言い方をすると、プラス(+)という演算子が
連結演算子、つまり複数の文字列を結合するものとして作用します。

数値

console.log(1 + 2);
// 3

一方数値は皆さんのご存知のように、計算式として扱われ
3が出力されました。

まとめ

満足いただけたら、1クリックなのでSNSフォローしてもらえると嬉しいです🦈

twitter
instagram

サメハック。