JavaScriptで配列のすべての値の先頭に文字列を付加する関数の作成方法

JavaScriptで、文字列リテラルを要素とする次のような配列があったとします。

const arr = ["a", "b", "c"];

ここで「Hello」という文字列があり、この文字列を配列内のすべての値（各要素）の先頭に追加したいと考えます。

そのためには、第1引数に文字列の配列を受け取り、第2引数に単一の文字列を受け取る関数を作成します。

この関数は、第2引数で渡された文字列を配列の各要素の先頭に付加します。その際、2つの値の間には区切り文字（ここでは「_」）を挿入することとします。

したがって、期待される出力は次のようになります。

const output = ["Hello_a", "Hello_b", "Hello_c"];

実装例

forループで各要素を走査し、テンプレートリテラルを使って新しい文字列を組み立てるコードは次のとおりです。

const arr = ["a", "b", "c"];
const prependLiteral = (arr = [], str = '') => {
    for(let i = 0; i < arr.length; i++){
        arr[i] = `${str}_` + arr[i];
    };
    return arr.length;
};
prependLiteral(arr, 'Hello');
console.log(arr);

出力結果

コンソールには次のように出力されます。

[ 'Hello_a', 'Hello_b', 'Hello_c' ]

補足：map()を使った別のアプローチ

上記の例では元の配列を直接書き換えていますが、元の配列を保持したまま新しい配列を生成したい場合は、Array.prototype.map() を使うとより簡潔に記述できます。

const arr = ["a", "b", "c"];
const result = arr.map(item => `Hello_${item}`);
console.log(result); // [ 'Hello_a', 'Hello_b', 'Hello_c' ]

用途に応じて、破壊的な方法（forループ）と非破壊的な方法（map()）を使い分けるとよいでしょう。