JavaScriptで数値の配列を個々の桁に分割する方法

数値リテラルの配列が与えられたとき、splitDigit() のような関数を作成することを考えます。この関数は配列を受け取り、10以上の数値を個々の桁に分割した新しい数値の配列を返します。

期待される動作

// 入力:
const arr = [ 94, 95, 96, 97, 98, 99, 100, 101, 102, 103, 104, 105, 106 ];

// 出力:
const output = [ 9, 4, 9, 5, 9, 6, 9, 7, 9, 8, 9, 9, 1, 0, 0, 1, 0, 1,
1, 0, 2, 1, 0, 3, 1, 0, 4, 1, 0, 5, 1, 0, 6 ];

それでは、この関数のコードを書いていきましょう。ここでは Array.prototype.reduce() メソッドを使って配列の各要素を処理します。あわせて、各数値を再帰的に1桁ずつ分解するヘルパー関数 splitNum() を定義します。

コード例

const arr = [ 94, 95, 96, 97, 98, 99, 100, 101, 102, 103, 104, 105, 106 ];

// 数値を再帰的に1桁ずつ分解するヘルパー関数
const splitNum = (n, res = []) => {
   if(n){
      return splitNum(Math.floor(n/10), [n % 10].concat(res));
   };
   return res;
};

// reduce() ですべての要素を処理する
const splitDigit = (arr) => {
   return arr.reduce((acc, val) => acc.concat(splitNum(val)), []);
};

console.log(splitDigit(arr));

仕組みの解説

splitNum() 関数は、引数 n を10で割った余り（最下位の桁）を結果配列の先頭に追加しながら、商に対して再帰呼び出しを行います。これにより、数値が左から右へ順番に個々の桁として展開されます。

一方、splitDigit() では reduce() を使用し、初期値として空の配列を指定します。各要素を splitNum() で分割した結果を順次連結していくことで、全体を1つのフラットな桁の配列にまとめています。

実行結果

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

[
   9, 4, 9, 5, 9, 6, 9, 7, 9,
   8, 9, 9, 1, 0, 0, 1, 0, 1,
   1, 0, 2, 1, 0, 3, 1, 0, 4,
   1, 0, 5, 1, 0, 6
]