JavaScriptで文字列型の値を配列型に変換する方法を解説

JavaScriptで文字列型の値を配列型に変換するには、JSON.parse()メソッドを使用します。このメソッドは、JSON形式の文字列を解析し、JavaScriptのオブジェクトや配列に変換してくれます。

以下に、具体的なコード例を示します。

コード例

var customerDetails='[
    {"name": "John", "countryName": "US"},
    {"name": "David", "countryName": "AUS"},
    {"name": "Bob", "countryName": "UK"}
]';
console.log("The actual value="+customerDetails);
var convertStringToArray=JSON.parse(customerDetails);
console.log("After converting string to array objects=");
console.log(convertStringToArray);

プログラムの実行方法

上記のプログラムを実行するには、Node.js環境で以下のコマンドを使用します。

node fileName.js

ここでは、ファイル名をdemo123.jsとして保存した場合の実行例を紹介します。

実行結果

上記のコマンドを実行すると、以下のような出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo123.js
The actual value=[{"name": "John", "countryName": "US"}, {"name": "David", "countryName": "AUS"}, {"name": "Bob", "countryName": "UK"}]
After converting string to array objects=[
    { name: 'John', countryName: 'US' },
    { name: 'David', countryName: 'AUS' },
    { name: 'Bob', countryName: 'UK' }
]

解説

この例では、まずcustomerDetailsという変数に、JSON形式の配列を表す文字列を格納しています。この時点では、データはあくまで「文字列」として扱われており、配列の各要素に直接アクセスすることはできません。

そこでJSON.parse()メソッドを使うことで、文字列が解析され、オブジェクトを要素として持つ配列に変換されます。変換後は、convertStringToArray[0].nameのように、インデックスやプロパティを使って各データにアクセスできるようになります。

なお、JSON.parse()を使用する際は、文字列が正しいJSON形式である必要があります。プロパティ名はダブルクォートで囲むなど、JSONの構文ルールに従っていない場合、エラー（SyntaxError）が発生するので注意しましょう。