JavaScriptで単語と句読点の配列から文を作成する方法

問題

単語と句読点が格納された配列を受け取り、それらを連結して1つの文を組み立てるJavaScript関数を作成する必要があります。

文を組み立てる際は、以下の3つのルールに従う必要があります。

• 単語と単語の間には必ずスペースを1つ入れる
• カンマと、その左側にある単語との間にはスペースを入れない
• 文末にはピリオド(.)を必ず1つだけ付ける

コード例

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

const arr = ['hey', ',', 'and', ',', 'you'];
const buildSentence = (arr = []) => {
    let res = '';
    for(let i = 0; i < arr.length; i++){
        const el = arr[i];
        const next = arr[i + 1];
        if(next === ','){
            res += el;
        }else{
            if(!next){
                res += `${el}.`;
            }else{
                res += `${el} `;
            }
        }
    }
    return res;
};
console.log(buildSentence(arr));

出力結果

hey, and, you.

コードの解説

この関数では、forループを使って配列の各要素を先頭から順番に処理していきます。ポイントは、現在の要素だけでなく「次の要素(next)」の内容を確認し、その値に応じて連結方法を切り替えている点です。

• 次の要素がカンマ(,)の場合： 現在の単語の後にスペースを入れずにそのまま連結します。これにより、「hey,」のようにカンマが直前の単語に密着した形になります。
• 次の要素が存在しない場合(配列の末尾)： 文の終わりを意味するため、ピリオド(.)を付けて連結します。これにより、文末に必ず1つだけピリオドが付くことが保証されます。
• 上記以外の場合： 通常の単語と単語の間にあたるため、スペースを1つ挟んで連結します。

このロジックにより、カンマの前には余計なスペースが入らず、単語同士の間には適切なスペースが挿入され、文末にはピリオドが1つだけ付いた「hey, and, you.」のような自然な文を生成できます。