文字列リテラル（文字列リテラルの基礎）
構文の説明
JavaScriptにおけるリテラルの意味
| 用語 | 辞書的な意味 | プログラミング上の意味 |
|---|---|---|
| リテラル （literal） | 文字どおりの、そのままの | プログラム中に直接記述された固定値 |
console.log("Hello"); //"Hello"がリテラル（文字列リテラル）
//文字列は'（シングルクォート）または"（ダブルクォート）で囲む必要があります。
//どちらを使っても意味は同じです。
console.log('Hello');
console.log("Hello");
//そのほか`（バッククォート）を使った書き方もあります。
console.log(`Hello`);
リテラルの種類
| リテラルの種類 | 型 | 例 |
|---|---|---|
| 文字列リテラル | string | "hello"、"10" |
| 数値リテラル | number | 10、-50 |
| 真偽値リテラル | boolean | true、false |
| nullリテラル | object | null |
| undefinedリテラル | undefined | undefined |
例題
次のコードをコンソールでどのように表示されるか確認してみましょう。
console.log("Hello");Hello
console.log(typeof リテラル);でそのリテラルの型が確認できます。
console.log(typeof "Hello"); //出力結果：string
問題
次のコードをコンソールでどのように表示されるか確認してみましょう。
console.log("Hello JavaScript");Hello JavaScript
console.log('Hello JavaScript');Hello JavaScript
console.log(`Hello JavaScript`);
Hello JavaScript
console.log('こんにちは。');こんにちは。
console.log("100");100
数値を''や""で囲むと、数値ではなく文字列リテラルとして扱われます。
console.log(typeof 100); // 出力結果：number console.log(typeof "100"); //出力結果：string
console.log("");
""は空文字列と呼ばれる文字列リテラルです。
空行のように見えますが、文字列型の値として存在します。
console.log(typeof ""); //出力結果：string
次のうち、エラーとなるのはどれでしょう
A：console.log("Hello");
B：console.log(Hello);
C：console.log('Hello');
D：console.log(`Hello`);B
次のコードをコンソールでどのように表示されるか確認してみましょう。
console.log("おはようございます。
今日も元気ですね。");
console.log('さようなら
また明日');SyntaxError
'や"で囲った文字列では、直接Enterキーで改行することはできません。改行したい時は、エスケープ（\n）を使います。
console.log("おはようございます。\n今日も元気ですね。");
console.log('さようなら\nまた明日');次のconsoleを3行に分けて表示してください。
console.log("古池や 蛙飛びこむ 水の音");console.log("古池や\n蛙飛びこむ\n水の音");
次のコードをコンソールでどのように表示されるか確認してみましょう。
console.log(`こんにちは。 元気ですか？`);
こんにちは。
元気ですか？
バッククォート ` で囲んだ文字列は、直接Enterキーで改行することができます。
次のconsoleを5行に分けて表示してください。
console.log(`花の色は 移りにけりな いたづらに 我が身世にふる ながめせしまに`);
console.log(`花の色は
移りにけりな
いたづらに
我が身世にふる
ながめせしまに`);
