JavaScriptで数値の各桁の位の値を求める方法

本記事では、正の整数を受け取り、その数の各桁の位の値（プレースバリュー）を配列として返す関数 splitNumber() をJavaScriptで実装する方法を解説します。

やりたいこと

たとえば、入力として次のような数値が与えられた場合：

const num = 1234;

期待される出力は以下のようになります。

出力例

const output = [1000, 200, 30, 4];

つまり、千の位・百の位・十の位・一の位それぞれの値を要素とした配列を作るわけです。それでは、実際にコードを書いていきましょう。

再帰を使ったアプローチ

この問題は、数値の各桁を先頭から順に処理していくため、再帰的なアプローチとの相性が非常に良いのが特徴です。

各桁の位の値を格納した配列を返す再帰関数は、次のように実装できます。

サンプルコード

const splitNumber = (num, arr = [], m = 1) => {
    if(num){
        return splitNumber(Math.floor(num / 10), [m * (num % 10)].concat(arr), m * 10);
    }
    return arr;
};
console.log(splitNumber(2346));
console.log(splitNumber(5664));
console.log(splitNumber(3453));
console.log(splitNumber(2));
console.log(splitNumber(657576));
console.log(splitNumber(345232));

処理の流れを解説

この関数の仕組みは以下の通りです。

引数の意味：

• num: 処理対象となる数値
• arr: 結果を蓄積する配列（初期値は空配列）
• m: 現在処理している桁の重み（1, 10, 100... と増えていく）

ロジック：

• num % 10 で最下位の桁（一の位）を取り出し、m を掛けることでその桁の位の値を計算します。
• Math.floor(num / 10) で最下位の桁を取り除いた数値を作り、再帰呼び出しを行います。
• 新しく計算した位の値は配列の先頭に追加することで、最終的に上位の桁から並んだ配列になります。
• num が0になった時点で再帰を終了し、蓄積した配列を返します。

実行結果

コンソールには以下のように出力されます。

[ 2000, 300, 40, 6 ]
[ 5000, 600, 60, 4 ]
[ 3000, 400, 50, 3 ]
[ 2 ]
[ 600000, 50000, 7000, 500, 70, 6 ]
[ 300000, 40000, 5000, 200, 30, 2 ]

どの入力に対しても、各桁の位の値が正しく上位の桁から順に配列へ格納されていることが確認できます。1桁の数値の場合は、そのまま単一の要素を持つ配列が返されます。