JavaScriptで数値の桁数を取得するNG例と正しい方法

JavaScriptで次のことがしたい

ある整数の数値がある
その桁数が何桁か取得したい

たとえば 202309071056 という数値なら、
その桁数は12桁だよねという風な感じで…

でも誤った方法だと予期せぬ結果になります。

そこでそういったNG例なども踏まえて、
JSで数値桁数取得の正しい方法についてです。

このページの目次

NG例．数値を文字列変換してlengthから取得
21桁以上の整数は指数表記なのが厄介
方法１．指数表記を考慮した桁数取得
方法２．BigIntによる桁数取得

NG例．数値を文字列変換してlengthから取得

数値の桁数取得のNG例から。

こういうのがググるとよく出てきます。

▼ 良さげに見えるけど実はよくない方法

const num = 202309071056;
const digits = num.toString().length;

console.log('桁数 : ', digits);
  /// => 桁数 : 12

const num = 202309071056;

const digits = num.toString().length;

console.log('桁数 : ', digits);

/// => 桁数 : 12

この例だと上手くいってます。

単純に数値を文字列に変換し、その length から桁数取得するパターンですね。小さな数ならこの方法でもまったく問題ありません。

小さな数値なら…

21桁以上の整数は指数表記なのが厄介

上記の方法はなにが問題かという話です。

それは21桁～22桁以上は指数表記になること

これが桁数取得において障害になります。

▼ その根拠となる第三者の意見

21桁（値によって22桁）を超えた値を入力すると指数表記で表示されます。指数表記で表示された後、さらに値を入力すると小さな値に変更されてしまいます。これは、JavaScriptの小数値の精度に起因する制限事項です。

引用元　：　https://developer-tools.zendesk.com/hc/ja/articles/360003998915

▼ 実際にChrome環境でも確かめてみた

/// 21桁
console.log(100000000000000000000)
  /// => 100000000000000000000

/// 21桁
console.log(999999999999999000000)
  /// => 999999999999999000000

/// 21桁
console.log(999999999999999999999)
  /// => 1e+21
  
/// 22桁
console.log(100000000000000000000)
  /// => 1e+21

/// 21桁

console.log(100000000000000000000)

/// => 100000000000000000000

/// 21桁

console.log(999999999999999000000)

/// => 999999999999999000000

/// 21桁

console.log(999999999999999999999)

/// => 1e+21

/// 22桁

console.log(100000000000000000000)

/// => 1e+21

このように指数表記に切り替わります。

切り替わる境目というのは分からないけど、21桁～22桁のあいだのどこかです。指数表記の e+21 は「10の21乗」を表すという意味の表記です。

桁数取得にはこれも考慮しないといけません。

方法１．指数表記を考慮した桁数取得

ということで正しい方法を考えてみます。

以下のようなコードを作りました。

▼ このようなコード

/// 数値桁数を返す関数
function getNumDigits(num){
  numStr = num.toString();
  if(numStr.includes('e+')){
    /// 指数表記なら指数桁+1を返す
    return parseInt(numStr.split('e+')[1])+1;
  }else{
    /// 非指数表記ならそのまま返す
    return numStr.length;
  }
}

/// 数値桁数を返す関数

function getNumDigits(num){

numStr = num.toString();

if(numStr.includes('e+')){

/// 指数表記なら指数桁+1を返す

return parseInt(numStr.split('e+')[1])+1;

}else{

/// 非指数表記ならそのまま返す

return numStr.length;

}

▼ いくつかの数で桁数取得を試す

console.log(getNumDigits(
  202309071134
));
  /// => 12

console.log(getNumDigits(
  9876543210987654321098765
));
  /// => 25
  
  
console.log(getNumDigits(
  273335211246073180767438793192212499213
));
  /// => 39

console.log(getNumDigits(

202309071134

));

/// => 12

console.log(getNumDigits(

9876543210987654321098765

));

/// => 25

console.log(getNumDigits(

273335211246073180767438793192212499213

));

/// => 39

整数の桁数を求めることができます。

ただし上記関数では引数に非数（NaN）だったり少数が渡されたときのことは考えてません。飽くまで正の整数だけを考えてます。

方法２．BigIntによる桁数取得

もっと良い方法を見つけました。

それは BigInt を使うことです。

▼ BigIntとはなにか？

BigInt はプリミティブラッパーオブジェクトで、プリミティブの bigint 値、すなわち大きすぎて number プリミティブで表すことができない数を、表現したり操作したりするために使用します。

引用元　：　https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/BigInt

巨大数を扱うための型です。

正の整数のみという制約があるなら、
このBigIntで桁数取得するのが超簡単です。

▼ このような関数を定義する

function getNumDigits(num){
  return BigInt(num).toString().length;
}

function getNumDigits(num){

return BigInt(num).toString().length;

}

▼ いくつかの数で桁数取得

/// 数値の桁数
console.log(getNumDigits(
  2147483647
));
  /// => 10

/// 数値の桁数
console.log(getNumDigits(
  67280421310721
));
  /// => 14
  
/// 数値を文字列として渡してもOK
/// 数値が切り捨てされるのを防げる
console.log(getNumDigits(
  '273335211246073180767438793192212499213'
));
  /// => 39

/// 数値の桁数

console.log(getNumDigits(

2147483647

));

/// => 10

/// 数値の桁数

console.log(getNumDigits(

67280421310721

));

/// => 14

/// 数値を文字列として渡してもOK

/// 数値が切り捨てされるのを防げる

console.log(getNumDigits(

'273335211246073180767438793192212499213'

));

/// => 39

桁数取得が問題なくできてます。

最後の例では数値そのものではなく文字列で渡してます。これは 99999999999999999999 のような数だと切り捨てで 100000000000000000000 になるのを防ぐためです。

正確な桁数を知りたいならBigIntを使えばOK

以上、JSで数値桁数取得でした。ではまた

JavaScriptで数値の桁数を取得するNG例と正しい方法

NG例．数値を文字列変換してlengthから取得

21桁以上の整数は指数表記なのが厄介

方法１．指数表記を考慮した桁数取得

方法２．BigIntによる桁数取得

関連記事

プロフィール

人気記事

検索してみる