【JavaScript】配列内の3桁の整数を先頭に移動させる方法

はじめに

今回は、数値の配列を受け取り、その中から3桁の整数（100〜999）をすべて配列の先頭に移動させるJavaScript関数を実装します。ポイントは、元の配列内での相対的な並び順をできる限り保ちながら、3桁の数値だけを手前に集めることです。

対象となる配列は次のとおりです。

const numList = [1, 324, 34, 3434, 304, 2929, 23, 444];

この配列の場合、「324」「304」「444」の3つの3桁整数が先頭に移動することになります。それでは、実際のコードを見ていきましょう。

サンプルコード

const numList = [1, 324, 34, 3434, 304, 2929, 23, 444];

// 数値が3桁（100〜999）かどうかを判定するヘルパー関数
const isThreeDigit = num => num > 99 && num < 1000;

// 3桁の整数を配列の先頭へ移動させる関数
const bringToFront = arr => {
    for (let i = 0; i < arr.length; i++) {
        // 3桁でなければスキップ
        if (!isThreeDigit(arr[i])) {
            continue;
        }
        // 該当要素を切り出して配列の先頭に挿入
        arr.unshift(arr.splice(i, 1)[0]);
    }
};

bringToFront(numList);
console.log(numList);

コードの解説

isThreeDigitは、引数として受け取った数値が99より大きく1000未満、すなわち3桁の整数であるかどうかを判定するシンプルなアロー関数です。

bringToFrontでは、forループで配列の各要素を先頭から順にチェックします。3桁以外の数値であればcontinueで処理をスキップし、3桁の整数が見つかった場合はsplice(i, 1)でその要素を配列から切り出したうえで、unshift()によって先頭に挿入します。

実行結果

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

[
    444, 304, 324,
    1, 34, 3434,
    2929, 23
]

このように、3桁の整数「444」「304」「324」が配列の先頭側に移動していることが確認できます。splice()とunshift()を組み合わせることで、配列の要素を柔軟に入れ替えることが可能です。