JavaScriptで配列の値に基づいて文字列の文字をシフトする方法

本記事では、小文字の英字のみで構成された文字列に対して、配列内の数値に従って各文字をシフトするJavaScript関数の実装方法を解説します。

問題の概要

まず、「1単位のシフト」を次のように定義します。ある文字を、アルファベット順でその直後の文字に置き換えること。これには循環(ラップアラウント)も含まれます。つまり、「z」の次の文字は「a」となります。

今回作成する関数は、以下の2つの引数を受け取ります。

• str: 小文字英字のみを含む文字列(第1引数)
• arr: strと同じ長さを持つ数値の配列(第2引数)

関数は、元の文字列の各文字を、配列arr内の同じ位置にある数値の分だけシフトした新しい文字列を生成して返します。

具体例

入力となる文字列と配列が以下の場合:

const str = 'dab';
const arr = [1, 4, 6];

期待される出力は次のとおりです。

const output = 'eeh';

これは、「d」が1単位シフトされて「e」に、「a」が4単位シフトされて「e」に、「b」が6単位シフトされて「h」になるためです。

実装例

コードは以下のとおりです。

const str = 'dab';
const arr = [1, 4, 6];

const shiftString = (str = '', arr = []) => {
    const alphabet = 'abcdefghijklmnopqrstuvwxyz';
    let res = '';
    for (let i = 0; i < arr.length; i++) {
        const el = str[i];
        const shift = arr[i];
        const index = alphabet.indexOf(el);
        const newIndex = (index + shift) % 26;
        res += alphabet[newIndex];
    }
    return res;
};

console.log(shiftString(str, arr));

コードのポイント

• 基準となるアルファベット文字列alphabetを用意し、indexOf()で各文字の位置(0〜25)を求めます。
• 現在のインデックスに対応するシフト量を加算し、26で剰余を取る(% 26)ことで「z」から「a」への循環を自然に実現しています。この方法なら、大きなシフト量でも正しく処理できます。
• 計算した新しいインデックスの文字を順番に連結し、結果の文字列を組み立てます。

出力

コンソールへの出力結果は次のとおりです。

eeh

このように、剰余演算を活用することで、シーザー暗号のような文字シフト処理を簡潔かつ堅牢に実装できます。応用すれば、暗号化・復号処理やテキスト変換ツールなどにも展開できるでしょう。