数値と文字列

数値

JavaScript では、数値はすべて 64 ビット倍精度浮動小数点数形式である IEEE 754 (すなわち、±2^−1022 と ±2^+1023 の間、もしくはおよそ ±10^−308 と ±10^+308 の間の数値、53 ビットの精度による) にしたがって実装されています。±2^53 − 1 までの整数は正確に表現できます。

浮動小数点数の表現に加えて、数値型は 3 つの記号的な値を持っています。 Infinity、-Infinity、NaN（非数、not-a-number）です。

JavaScript における他のプリミティブ型との関わりについては、JavaScript のデータ型とデータ構造 もご覧ください。

4 種類の数値リテラル、10 進数、2 進数、8 進数、16 進数を使用することができます。

10 進数

1234567890
42

10 進数リテラルはゼロ (0) から始めて、それ以降に 10 進の桁を続けることが可能ですが、0 に続くすべての数値が 8 より小さい場合、その数値は 8 進数として解析されることに注意してください。これは古い構文と見なされ、 0 で始まる数値リテラルは、 8 進数または 10 進数として解釈されるかどうかに関わらず、厳格モードでは構文エラーが発生します。そのため、代わりに 0o 接頭辞を使用してください。

0888 // 10 進数として 888 と解析される
0777 // 8 進数として解析され、 10 進数の 511 になる

2 進数

2 進数の構文では、先行ゼロの後に小文字または大文字の "B" を使います (0b または 0B)。0b の後の数値が 0 または 1 ではない場合、 SyntaxError: "Missing binary digits after 0b"（0b の後に 2 進数の桁がありません） が発生します。

0b10000000000000000000000000000000 // 2147483648
0b01111111100000000000000000000000 // 2139095040
0B00000000011111111111111111111111 // 8388607

8 進数

8 進数の標準的な構文は、接頭辞として 0o を付けるものです。例えば次のようなものです。

0O755 // 493
0o644 // 420

8 進数には古い構文もあります。 8 進数の前に 0 を付けるもので、 0644 === 420 や "\045" === "%" となります。 0 の後の数字が 0 から 7 の範囲外の場合、数値は 10 進数として解釈されます。

const n = 0755; // 493
const m = 0644; // 420

厳格モードでは、この 8 進数構文を禁止しています。

16 進数

16 進数の構文では、先行ゼロの後に小文字または大文字の "X" を使います (0x または 0X)。0x の後の数値が範囲 (0123456789ABCDEF) 外の場合、 SyntaxError: "Identifier starts immediately after numeric literal" (数値リテラルの直後に識別子があります) が発生します。

0xFFFFFFFFFFFFF // 4503599627370495
0xabcdef123456  // 188900967593046
0XA             // 10

指数表現

0e-5   // 0
0e+5   // 0
5e1    // 50
175e-2 // 1.75
1e3    // 1000
1e-3   // 0.001
1E3    // 1000

数値セパレーター

以上示したすべてのリテラル構文において、可読性を改善するために、数字の間にアンダースコア (_) を挿入することができます。

1_000_000_000_000
1_050.95
0b1010_0001_1000_0101
0o2_2_5_6
0xA0_B0_C0
1_000_000_000_000_000_000_000n

数値リテラルに関する詳細については、字句文法のリファレンスを参照してください。

Number オブジェクト

組み込みの Number オブジェクトは最大値、NaN、無限大といった数値定数のプロパティを持っています。これらのプロパティの値は変更できません。下記のように使用します。

const biggestNum = Number.MAX_VALUE;
const smallestNum = Number.MIN_VALUE;
const infiniteNum = Number.POSITIVE_INFINITY;
const negInfiniteNum = Number.NEGATIVE_INFINITY;
const notANum = Number.NaN;

常に上記のように定義済み Number オブジェクトのプロパティを常に参照してください。自作した Number オブジェクトのプロパティは使用しないでください。

次の表は Number オブジェクトのプロパティの要約です。

Number オブジェクトのプロトタイプは様々な形の Number オブジェクトから情報を取得するメソッドを提供します。次表は Number.prototype のメソッドの要約です。

Math オブジェクト

組み込み Math オブジェクトは数学定数および数学関数のためのプロパティとメソッドを有しています。例えば、Math オブジェクトの PI プロパティは π (3.141…) の値を持ちます。以下のようにアプリケーション内で使用できます。

Math.PI;

同様に、標準的な数学関数が Math のメソッドにあります。数学関数には、三角関数、対数、指数、およびその他の関数が含まれます。例えば、三角関数 sin を使用したい場合、下記のように記述します。

Math.sin(1.56);

Math のすべての三角関数メソッドはラジアンで引数を取ることに注意してください。

次表は Math オブジェクトメソッドの要約です。

他の多くのオブジェクトとは異なり、決して独自の Math オブジェクトを生成しないでください。常にビルトイン Math オブジェクトを使用してください。

長整数

数値の欠点のひとつは、 64 ビットしか存在しないことです。実際には、 IEEE 754 エンコード方式を使用しているため、 Number.MAX_SAFE_INTEGER (2⁵³ - 1) よりも大きな整数を正確に表すことができません。バイナリーデータをエンコードする必要があること、また、i64 （64 ビット整数）や i128 （128 ビット整数）のような幅広い整数をサポートする他の言語と相互運用する必要があることから、 JavaScript では任意の大きな整数を表す別のデータ型である長整数 (BigInt) も提供しています。

長整数は、 n を接尾辞とする整数リテラルとして定義することができます。

const b1 = 123n;
// 好きなだけ大きくできる。
const b2 = -1234567890987654321n;

長整数は、 BigInt コンストラクターを使用して数値または文字列値から構築することもできます。

const b1 = BigInt(123);
// 文字列を使用することで、精度の低下を防ぐことができる。
// 長い数値リテラルは、そのように見えるものを表してとは限らない。
const b2 = BigInt("-1234567890987654321");

概念的には、長整数は整数をエンコードする任意の長さのビット列です。精度を失うことなく、またオーバーフローやアンダーフローを起こすことなく、あらゆる算術演算を安全に行うことができます。

const integer = 12 ** 34; // 4.9222352429520264e+36、精度のみで制約される
const bigint = 12n ** 34n; // 4922235242952026704037113243122008064n

数値と比較すると、長整数の値は大きな整数を表す際に高い精度を実現します。しかし、浮動小数点数を表すことはできません。例えば、割り算はゼロに丸められます。

const bigintDiv = 5n / 2n; // 2n。長整数には 2.5 がない

Math 関数は長整数値では使用できません。数値でのみ機能します。

長整数と数値のどちらかを選ぶかは、用途と入力の範囲によって決まります。数値の精度は、すでにほとんどの日常的な課題に対応できるはずです。また、長整数はバイナリーデータを処理するのに最も適しています。

長整数値でできることについては、「式と演算子」の章または BigInt リファレンスを参照してください。

文字列

JavaScript の文字列型は、テキストデータを表すために使われます。テキストデータ型は 16 ビット符号なし整数値 (UTF-16) からなる「要素」の集合体です。文字列の各要素は、その文字列内で所定の位置を占めています。最初の要素のインデックスは 0 で、次の要素のインデックスは 1 、といった具合に。文字列の長さはその要素数となります。文字列リテラルか文字列オブジェクトを使用して文字列を生成できます。

文字列リテラル

単一引用符または二重引用符のいずれかを使用して、単純な文字列を作成できます。

'foo'
"bar"

文字列リテラル内では、ほとんどの文字は文字通りに入力できます。 例外は、バックスラッシュ（\、エスケープシーケンスを始める）、文字列を囲むために使用されている引用符文字（文字列を終了する）、およびバックスラッシュが前になければ構文エラーとなる改行文字だけです。

エスケープシーケンスを使用して、より高度な文字列を作成することができます。

16 進数エスケープシーケンス

\x の後の数値は 16 進法による数として解釈されます。

"\xA9" // "©"

Unicode エスケープシーケンス

Unicode エスケープシーケンスは \u の後に少なくとも文字が 4 個必要です。

"\u00A9" // "©"

Unicode コードポイントエスケープ

Unicode コードポイントエスケープを使えば、どんな文字でも 16 進数を使用してエスケープすることができます。これにより、0x10FFFF まで Unicode コードポイントを利用できます。単純な Unicode エスケープを使用して同じ結果を得るには、多くの場合要素を半分に分け、サロゲートペアにする必要があります。

String.fromCodePoint() や String.prototype.codePointAt() も参考にしてください。

"\u{2F804}"

// 単純な Unicode エスケープでも同じです。
"\uD87E\uDC04"

String オブジェクト

文字列値に対して直接メソッドを呼び出すことができます。

console.log("hello".toUpperCase()); // HELLO

以下のメソッドが文字列 (String) 値で利用できます。

• 問い合わせ: 文字または文字コードを、特定の文字列インデックスで取得します。メソッドとしては at(), charAt(), charCodeAt(), codePointAt() があります。
• 検索: パターンに適合する部分文字列の情報を取得したり、具体的な部分文字列が存在するかどうかを検査したりします。メソッドとしては indexOf(), lastIndexOf(), startsWith(), endsWith(), includes(), match(), matchAll() search() があります。
• 合成: 文字列をより長い文字列に合成します。メソッドとしては padStart(), padEnd(), concat(), repeat() があります。
• 分解: 文字列をより小さな文字列に分割します。メソッドとしては split(), slice(), substring(), substr(), trim(), trimStart(), trimEnd() があります。
• 変換: 現在の文字列のコンテンツに基づいて、新しい文字列を返します。メソッドとしては toLowerCase(), toUpperCase(), toLocaleLowerCase(), toLocaleUpperCase(), normalize(), toWellFormed() があります。

文字列を操作する際に、文字列操作に重要な機能を提供して指定された他の 2 種類のオブジェクトがあります。 RegExp と Intl です。これらはそれぞれ、正規表現と国際化で導入されています。

テンプレートリテラル

テンプレートリテラルは式を埋め込むことができる文字列リテラルです。複数行の文字列や文字列の補間機能を使用することができます。

テンプレートリテラルは二重引用符または一重引用符のかわりにバッククォート (`) （抑音アクセント）文字で囲まれています。テンプレートリテラルにはプレースホルダーを含めることができます。プレースホルダーはドル記号と中括弧 (${expression}) によって示されます。

複数行

ソースに挿入された、あらゆる改行文字はテンプレートリテラルの一部となります。通常の文字列を使って複数行の文字列を取得するには、次のような構文を使用しなければなりません。

console.log(
  "文字列のテキスト行 1\n\
文字列のテキスト行 2",
);
// "文字列のテキスト行 1
// 文字列のテキスト行 2"

複数行の文字列と同じ結果を得たければ、次のように書くことができます。

console.log(`文字列のテキスト行 1
文字列のテキスト行 2`);
// "文字列のテキスト行 1
// 文字列のテキスト行 2"

組み込み式

通常の文字列内に式を埋め込むには、次のような構文を用います。

const five = 5;
const ten = 10;
console.log(
  "Fifteen is " + (five + ten) + " and not " + (2 * five + ten) + ".",
);
// "Fifteen is 15 and not 20."

テンプレートリテラルを使えば、糖衣構文を利用してこれをより読みやすくすることができます。

const five = 5;
const ten = 10;
console.log(`Fifteen is ${five + ten} and not ${2 * five + ten}.`);
// "Fifteen is 15 and not 20."

詳細については、JavaScript リファレンス内のテンプレートリテラルをご覧ください。

• 前のページ
• 次のページ