【JavaScript】文字列を先頭と末尾から交互に取り出して等しい長さの部分文字列に分割する方法

今回は、文字列と整数 n の2つの引数を受け取り、文字列を n 個の「同じ長さの部分文字列」に分割した配列を返すJavaScript関数を作成します。なお、n は文字列の長さを割り切れる値である必要があります。

要件と考え方

各部分文字列の長さは「文字列の長さ ÷ n」で求めることができます。そして、各部分文字列は元の文字列の先頭の文字と末尾の文字を交互に取り出して構成します。

例えば、文字列が "how"、n が 3 の場合、出力は次のようになります。

["h", "w", "o"];

この例では、各部分文字列はちょうど「(文字列の長さ / n) = 3 ÷ 3 = 1 文字」を含みます。まず先頭から "h"、次に末尾から "w"、再び先頭から "o" を取り出しているのがわかります。

もう少し長い例も見てみましょう。文字列が "abcdef"、n が 3 の場合、各部分文字列は 6 ÷ 3 = 2 文字になります。

["af", "be", "cd"];

コード例

以下が実装のコードです。

const str = "how";
const num = 3;
const segregate = (str, n) => {
   // n が文字列の長さを割り切れない場合は false を返す
   if(str.length % n !== 0){
      return false;
   }
   const len = str.length / n;     // 各部分文字列の長さ
   const strArray = str.split(""); // 文字列を1文字ずつの配列に変換
   const arr = [];
   let i = 0, char;
   while(strArray.length){
      // 偶数回目は先頭から、奇数回目は末尾から文字を取り出す
      if(i % 2 === 0){
         char = strArray.shift();
      }else{
         char = strArray.pop();
      };
      // 取り出した文字を適切な部分文字列に追加する
      if(i % len === 0){
         arr[i / len] = char;
      }else{
         arr[Math.floor(i / len)] += char;
      };
      i++;
   };
   return arr;
};
console.log(segregate(str, num));

出力

コンソールには次の出力が表示されます。

[ 'h', 'w', 'o' ]

コードの解説

この実装のポイントは以下の3点です。

• 入力チェック: str.length % n !== 0 の場合、文字列を n 等分できないため false を返して処理を中断します。
• 交互に取り出し: カウンタ i の偶奇を判定し、偶数回目は shift() で配列の先頭の文字を、奇数回目は pop() で末尾の文字を取り出します。
• 配列への格納: i / len から現在の文字が属する部分文字列のインデックスを算出します。区切り目(i % len === 0)では新しい要素を作成し、それ以外は既存の要素に文字を連結していきます。

このように、shift() と pop() を組み合わせることで、文字列の両端から順に文字を消費しながら、指定された個数の部分文字列を簡単に生成できます。