JavaScriptで数値の配列を対応する文字コードのオブジェクトへマッピングする方法

問題

JavaScriptで、数値の配列を引数として受け取る関数を作成する必要があります。配列内の各数値に対して1つのオブジェクトを生成し、そのキーには対象の数値を文字列として、値には String.fromCharCode() によって変換した対応する文字を文字列として格納します。

最終的に、これらのオブジェクトを要素として含む新しい配列を返します。

コード例

以下がその実装コードです。

const arr = [67, 84, 98, 112, 56, 71, 82];
const mapToCharCodes = (arr = []) => {
    const res = [];
    for(let i = 0; i < arr.length; i++){
        const el = arr[i];
        const obj = {};
        obj[el] = String.fromCharCode(el);
        res.push(obj);
    };
    return res;
};
console.log(mapToCharCodes(arr));

出力結果

コンソールへの出力は以下のようになります。

[
    { '67': 'C' },
    { '84': 'T' },
    { '98': 'b' },
    { '112': 'p' },
    { '56': '8' },
    { '71': 'G' },
    { '82': 'R' }
]

コードのポイント

この処理では、String.fromCharCode() メソッドが中心的な役割を果たします。このメソッドは、UTF-16のコードユニット（数値）を受け取り、対応する文字列を返します。例えば、67 は大文字の「C」、112 は小文字の「p」に変換されます。

また、JavaScriptではオブジェクトのプロパティ名は常に文字列として扱われるため、obj[el] のように数値をキーに指定しても、自動的に文字列（例：'67'）に変換される点にも注目してください。

map() を使ったより簡潔な書き方

同じ処理は、Array.prototype.map() を使うことでより簡潔に記述できます。

const mapToCharCodes = (arr = []) =>
  arr.map(el => ({ [el]: String.fromCharCode(el) }));

こちらの書き方は、ループ処理や一時変数が不要になり、意図が明確になるため、モダンなJavaScriptのコードスタイルに合っています。