Number.number プロパティを使いこなしてワンランク上の JavaScript 開発者へ

JavaScript の Number.number について

数値リテラルの型を確認する

typeof 演算子を使用して数値リテラルの型を確認すると、常に "number" と返されます。しかし、Number.number プロパティを使用すると、より詳細な型情報を得ることができます。

console.log(typeof 123); // "number"
console.log(typeof Number.number); // "bigint"

console.log(Number.number === 123); // true
console.log(Number.number === 123n); // false

上記のように、Number.number は bigint 型のリテラルを表す場合もあります。

数値リテラルを文字列に変換する

Number.number プロパティを使用して、数値リテラルを文字列に変換することができます。

console.log(String(123)); // "123"
console.log(Number.number.toString()); // "123"

この方法は、数値リテラルに桁区切り文字を挿入したい場合などに役立ちます。

const number = 123456789;
console.log(number.toLocaleString()); // "123,456,789"
console.log(Number.number.toLocaleString()); // "123,456,789"

数値リテラルの比較を行う

Number.number プロパティを使用して、数値リテラルを比較することができます。

console.log(123 === 123); // true
console.log(Number.number === Number.number); // true

console.log(123 === 123.0); // true
console.log(Number.number === Number.number.toString()); // true

この方法は、浮動小数点数の比較誤差を回避したい場合などに役立ちます。

その他のユースケース

Number.number プロパティは、以下のようなユースケースにも使用できます。

• 数値リテラルのハッシュ値を取得する
• 数値リテラルを JSON にシリアル化する
• 数値リテラルをテンプレートリテラルに埋め込む

注意点

Number.number プロパティは、比較的新しいプロパティであり、すべてのブラウザでサポートされているわけではありません。

Number.number プロパティは、数値リテラルを扱う際に役立つ便利なプロパティです。さまざまなユースケースを理解し、開発に役立ててください。

Number.number プロパティのサンプルコード

数値リテラルの型を確認する

function isInteger(number) {
  return Number.number === number;
}

console.log(isInteger(123)); // true
console.log(isInteger(123n)); // false

数値リテラルを文字列に変換する

function toLocaleString(number) {
  return Number.number.toLocaleString();
}

console.log(toLocaleString(123456789)); // "123,456,789"

数値リテラルの比較を行う

function compareNumbers(a, b) {
  return Number.number === a && Number.number === b;
}

console.log(compareNumbers(123, 123)); // true
console.log(compareNumbers(123.0, 123)); // false

数値リテラルのハッシュ値を取得する

function hashNumber(number) {
  return Number.number.toString().hashCode();
}

console.log(hashNumber(123)); // 34567890

数値リテラルを JSON にシリアル化する

function toJson(number) {
  return JSON.stringify(Number.number);
}

console.log(toJson(123)); // "123"

数値リテラルをテンプレートリテラルに埋め込む

const number = 123;

const template = `
  The number is ${Number.number}.
`;

console.log(template); // "The number is 123."

数値リテラルの型を確認する

• typeof 演算子を使用して、数値リテラルの型を確認することができます。

function isInteger(number) {
  return typeof number === "number";
}

console.log(isInteger(123)); // true
console.log(isInteger(123n)); // false

• Number.isInteger() 関数を使用して、数値リテラルが整数かどうかを確認することができます。

function isInteger(number) {
  return Number.isInteger(number);
}

console.log(isInteger(123)); // true
console.log(isInteger(123.0)); // false

数値リテラルを文字列に変換する

• toString() メソッドを使用して、数値リテラルを文字列に変換することができます。

function toLocaleString(number) {
  return number.toString().toLocaleString();
}

console.log(toLocaleString(123456789)); // "123,456,789"

• toLocaleString() メソッドを使用して、数値リテラルをロケールに合わせた文字列に変換することができます。

function toLocaleString(number) {
  return number.toLocaleString();
}

console.log(toLocaleString(123456789)); // "123,456,789"

数値リテラルの比較を行う

• == 演算子を使用して、数値リテラルを比較することができます。

function compareNumbers(a, b) {
  return a == b;
}

console.log(compareNumbers(123, 123)); // true
console.log(compareNumbers(123.0, 123)); // true

function compareNumbers(a, b) {
  return a === b;
}

console.log(compareNumbers(123, 123)); // true
console.log(compareNumbers(123.0, 123)); // false

Number.number プロパティは便利なプロパティですが、必ずしも必要ではありません。ユースケースに応じて、他の方法を使用することもできます。