組み込みメソッドを使わずに文字列を反転するJavaScript関数

今回は、文字列を受け取って、その文字列を反転させた新しい文字列を返すJavaScript関数を作成します。

ただし、以下の条件が課せられています。

• 組み込みのStringメソッド(reverse()など)を使用してはいけない
• 文字列をsplit()などで配列に変換してから反転する方法も使えない

つまり、ループを使って文字列を1文字ずつ走査しながら、反転された新しい文字列を自力で構築する必要があります。

実装の考え方

基本的なアプローチはシンプルです。文字列の先頭から順に1文字ずつ取り出し、その文字を「結果となる文字列の先頭」に追加していきます。こうすることで、後から処理した文字ほど前に来るため、自然と文字列が反転されます。

コード例

const str = 'Hello World';
const reverse = (str = '') => {
    const { length } = str;
    let res = '';
    for(let i = 0; i < length; i++){
        const el = str[i];
        res = el + res;
    };
    return res;
};
console.log(reverse(str))

出力結果

上記のコードを実行すると、次の出力が得られます。

dlroW olleH

処理の流れを詳しく見る

この関数では、まずstr.lengthを分割代入で取得し、ループの回数として利用しています。ループ内では、インデックスiを使って現在の文字を1文字ずつ取り出し、res = el + res;によって既存の結果文字列の先頭に連結しています。

例えば「Hello」の場合、処理は以下のように進みます。

1. 1周目:'' + 'H' → 'H'
2. 2周目:'H' + 'e' → 'eH'
3. 3周目:'eH' + 'l' → 'leH'
4. 4周目:'leH' + 'l' → 'lleH'
5. 5周目:'lleH' + 'o' → 'olleH'

このようにして、組み込みメソッドに頼らずとも文字列を反転させることができます。