自主学習2-3「書籍『JavaScript本格入門』を読んでみた。(JavaScript基礎まとめ3)主なデータ型と格納できるリテラルについて」

前回「自主学習2-2」に引き続き、今回も書籍『JavaScript本格入門』を読んだ箇所（基礎部分）をまとめていきたいと思います。

参考書籍【改定新版JavaScript本格入門】(著者)山田祥寛(出版)技術評論社

JavaScriptで扱う主なデータ型について

基本型

「値」そのものを直接変数（入れ物）に格納する。

参照型

「値を格納しているメモリ上のアドレス」を変数（入れ物）に格納する。

データ型に格納できるリテラルについて

リテラルとは、値の表現方法を指します。

数値リテラル

日常的に使用するのは10進数リテラルで、必要に応じて使い分ける。

文字列リテラル

文字列リテラルはシングルクォート（'）またはダブルクォート（"）で囲むが、どちらを使ってもOK。

'こんにちはJavaScript!'
"こんにちはJavaScript!"

エスケープ処理

文字列リテラルではキーボードから直接表現できない文字（改行など）を使用したい場合、「＼+文字」という形式で表現できるようになる。これをエスケープ処理と呼ぶ。キーボードから直接表現できない文字をエスケープシーケンスと呼ぶ。エスケープ処理を文字列として出力させたい場合はString.raw`～`を使用する。

テンプレート文字列

バッククォート（`～`）で文字列を囲むことにより、エスケープ処理を施さずに改行をそのまま記述して出力することができる。また`${～}`形式で記述することで変数を文字列に埋め込むことが可能。演算子+を使用せずに文字や計算式を連結することができる。

let name ='ゴミコ';
let str =`こんにちは${name}
良い天気ですね`;
alert(str);

1行目でlet命令で変数nameに文字列ゴミコを代入。

2行目でlet命令で変数strにテンプレート文字列を代入。

4行目でalert命令でダイアログボックスで変数strを表示させる。

以下が出力されたダイアログボックス画面。

配列リテラル

データの集合を配列と呼ぶ。配列リテラルでは1つの変数に複数の値を格納することができる。「仕切りのある入れ物」と捉える。仕切りの1つ1つに格納された値を要素と呼ぶ。

オブジェクトリテラル

ハッシュ、連想配列とも呼ばれる。通常の配列がインデックス番号がキーになるのに対して、こちらは文字列をキーにすることができる。

オブジェクトリテラルの記法

var obj = { x: 1, y: 2, z: 3 }; 

データへのアクセス方法

console. log( obj. x); // 結果： 1 

console. log( obj[' x']); // 結果： 1

関数リテラル

関数…何かしらの入力値（引数）を与えられることであらかじめ決められた処理を行い、その結果（戻り値）を返す仕組み。入力口と出力口、２つの口を持つ処理と捉える。

※関数と関数リテラルについては実際にコードを記述しながら学習していきたいと思います。

ゴミコ

今回までで書籍まとめは一旦終了とし、次回からは実際にコードを書きながら学習を進めていくよ。

ゴミコ

書籍だけ読み進めても結局よくわからなかった…。

次回の記事

自主学習2-4「プロゲートHTML/CSS初級編」

2020.08.19

前回「自主学習2-3」までで書籍『JavaScript本格入門』の冒頭部分のまとめを終え、今回からprogate（プロゲート）を使用しての学習に移っていきたいと思います。 プロゲー...