解説
「リテラル」（literal）は、プログラム内に直接書いた数値や文字列などの値のことです。また、それらの書式のこともリテラルと呼びます。リテラルは、そのデータの種類によって、整数リテラルや浮動小数点数リテラル、文字列リテラルや正規表現リテラルなどと呼ばれます。
リテラルは、多くのプログラミング言語で似通っていますが、各言語で微妙に異なっていることもあります。新しいプログラミング言語を学ぶ際は、知っているプログラミング言語との違いを中心に確認するとよいです。
サンプル
「リテラル」のサンプルです。JavaScriptのさまざまなリテラルを掲載します。
sample.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>「リテラル」のサンプル</title>
<style> #output { font-size: 32px; line-height: 1.5; } </style>
</head>
<body>
<pre id="output"></pre>
<script>
window.addEventListener('DOMContentLoaded', e => {
// さまざまなリテラル
const int = 123;
const float = 1.23;
const string1 = "cat";
const string2 = 'dog';
const string3 = `cow`;
const bool = true;
const object = {name: 'bob', age: 21};
const array = [12, 34, 56];
const regexp = /\d+-\d+-\d/;
// 出力
const el = document.querySelector('#output');
const print = v => el.textContent += v + '\n';
const printJson = v => print(JSON.stringify(v));
print(int);
print(float);
print(string1);
print(string2);
print(string3);
print(bool);
printJson(object);
printJson(array);
print(regexp);
});
</script>
</body>
</html>
出力結果
123
1.23
cat
dog
cow
true
{"name":"bob","age":21}
[12,34,56]
/\d+-\d+-\d/
