JavaScriptで文字列を分割して配列からオブジェクトへ変換する方法

ここでは、「キー-値」の形式を持つ文字列の配列を扱います。各要素にはハイフン（-）が含まれており、その左側がキー、右側が値になっています。この配列内の文字列をすべて分割し、1つのオブジェクトとしてまとめるのが今回の目標です。

まず、サンプルとなる配列を見てみましょう。

const arr = ["name-Rakesh", "age-23", "city-New Delhi", "jobType-remote",
"language-English"];

それでは実際にコードを書いていきます。考え方はシンプルで、forEach()で配列をループ処理しながら、各文字列をsplit("-")で分割し、得られたキーと値を新しいオブジェクトに格納していくだけです。

コード例

const arr = ["name-Rakesh", "age-23", "city-New Delhi", "jobType-remote",
"language-English"];
const obj = {};
arr.forEach(string => {
    const [key, value] = string.split("-");
    obj[key] = value;
});
console.log(obj);

ポイントは const [key, value] = string.split("-") の部分です。split("-")は文字列をハイフンで区切り、配列として返します。さらに分割代入（Destructuring）を使うことで、返された配列の最初の要素をkeyに、2番目の要素をvalueに一括で取り出しています。

出力結果

このコードを実行すると、コンソールには次のように出力されます。

{
    name: 'Rakesh',
    age: '23',
    city: 'New Delhi',
    jobType: 'remote',
    language: 'English'
}

これで、文字列の配列からキーと値を組み合わせたオブジェクトを簡単に生成できました。

注意点： split()で取得した値はすべて文字列型になります。上記の例ではageも'23'という文字列です。数値として扱いたい場合は、Number(value)やparseInt(value)などを使って明示的に型変換を行ってください。