【JavaScript】文字列内のすべての母音を末尾に移動させる方法

問題の概要

文字列を引数として受け取るJavaScript関数を作成します。この関数は、子音は元の相対的な位置を維持し、母音だけを文字列の末尾に移動させた新しい文字列を返す必要があります。

実装例

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

const str = 'sample string';

const moveVowels = (str = '') => {
  const vowels = 'aeiou';
  let front = '';
  let rear = '';

  for(let i = 0; i < str.length; i++){
    const el = str[i];
    if(vowels.includes(el)){
      rear += el;
    }else{
      front += el;
    }
  }

  return front + rear;
};

console.log(moveVowels(str));

処理の流れを解説

このコードの仕組みを順番に見ていきましょう。

まず、判定対象となる母音「aeiou」を文字列として定義します。次に、結果を格納するための2つの変数 front(子音用)と rear(母音用)を空文字で初期化します。

その後、forループで文字列を1文字ずつ走査し、各文字が vowels.includes() によって母音かどうかを判定します。母音であれば rear に連結し、それ以外(子音や空白など)であれば front に連結していきます。

最後に front + rear を返すことで、子音が元の順序を保ったまま前方に、母音がすべて末尾に集められた文字列が完成します。

出力結果

smpl strngaei

入力文字列「sample string」に含まれる母音「a」「e」「i」がすべて末尾に移動し、子音と空白は元の相対的な位置関係を維持したまま「smpl strng」として出力されていることが確認できます。

補足：大文字への対応

上記のコードは小文字の母音のみに対応しています。大文字も含めて判定したい場合は、以下のように toLowerCase() を使うと便利です。

const moveVowels = (str = '') => {
  const vowels = 'aeiou';
  let front = '';
  let rear = '';

  for(const el of str){
    if(vowels.includes(el.toLowerCase())){
      rear += el;
    }else{
      front += el;
    }
  }

  return front + rear;
};

このように for...of 構文を使えば、より簡潔に記述できる点もポイントです。