JavaScriptで特定のルールに従って文字列を反転する方法

問題の概要

今回は、文字列 str を第一引数、整数 num を第二引数として受け取るJavaScript関数を作成します。

この関数が満たすべき要件は以下のとおりです。

• 基本ルール： 文字列の先頭から数えて 2 × num 文字ごとのブロックに着目し、各ブロックの最初の num 文字だけを反転させる。残りの部分は元の順序のまま維持する。
• 残りが num 文字未満の場合： 残った文字をすべて反転する。
• 残りが num 文字以上・2 × num 文字未満の場合： 最初の num 文字のみを反転し、残りはそのまま出力する。

具体例で確認する

たとえば、入力として次のような文字列と数値が与えられたとします。

const str = 'klmnopq';
const num = 2;

このとき、期待される出力は次のようになります。

const output = 'lkmnpoq';

処理の流れを追ってみましょう。

1. 最初の4文字（2 × num = 4）である「klmn」に注目し、先頭の2文字「kl」を反転して「lk」にします。「mn」はそのままです。
2. 続く部分には3文字「opq」しか残っていません。これは num（2）以上・2 × num（4）未満なので、先頭の2文字「op」だけを反転して「po」とし、「q」はそのまま残します。

結果として「lkmnpoq」が得られます。

実装コード

この仕様を実現するコードは次のとおりです。

const str = 'klmnopq';
const num = 2;

const reverseString = (str = '', num = 1) => {
    // 残りが num 文字未満なら全部反転
    if(str.length < num){
        return str.split("").reverse().join("");
    };
    let res = "";
    // 2 * num 文字ずつ処理を進める
    for(let i = 0; i < str.length; i += (2*num)){
        // 先頭の num 文字を反転して連結
        res += str.split("").slice(i, i+num).reverse().join("");
        // 次の num 文字はそのまま連結
        res += str.slice(i+num, i+2*num);
    };
    return res;
};
console.log(reverseString(str, num));

コードのポイント解説

この実装で押さえておきたいポイントは次の3つです。

• 早期リターンの活用： 文字列全体の長さが num 未満の場合は、要件上「すべて反転」すればよいため、split() → reverse() → join() の一連の処理ですぐに結果を返しています。
• ステップ幅 2 × num のループ： ループ変数 i を 2 × num ずつ進めることで、各ブロックの先頭位置を正確に把握できます。
• 反転部分と維持部分の分離： slice(i, i + num) で切り出した部分だけを反転し、slice(i + num, i + 2 * num) で取得した部分は加工せずに連結することで、要件どおりの出力を実現しています。

実行結果

コンソールに出力される結果は次のとおりです。

lkmnpoq

期待どおり、各ブロックの先頭 num 文字だけが反転された文字列が得られました。このように、配列操作系のメソッド（split・slice・reverse・join）を組み合わせることで、条件付きの文字列変換もシンプルに記述できます。