ホームページ >ウェブフロントエンド >フロントエンドQ&A >JavaScript を使用してオブジェクトの配列を JSON 文字列配列に変換する方法
JavaScript では、オブジェクトの配列を JSON 文字列に変換するのは非常に一般的なタスクです。このタスクでは通常、オブジェクトの配列を JSON 文字列の配列に変換する必要があります。この記事では、JavaScript を使用してオブジェクトの配列を JSON 文字列配列に変換する方法について説明します。
JavaScript には組み込みの JSON オブジェクトがあります。 JSON オブジェクトの stringify() メソッドを使用して、オブジェクトを文字列に変換できます。ただし、オブジェクトの配列を変換する場合は、追加の手順が必要になります。
まず、次のサンプル オブジェクト配列を見てみましょう:
var objectsList = [ { name: "John", age: 25, city: "New York" }, { name: "Jane", age: 30, city: "Chicago" }, { name: "Mike", age: 35, city: "Los Angeles" } ];
ここで、このオブジェクト配列を JSON 文字列配列に変換すると仮定して、次の手順を実行できます:
var jsonStringArray = objectsList.map(function(obj) { return JSON.stringify(obj); });
この例では、JavaScript の map() メソッドを使用してオブジェクト配列を走査します。反復中に、各オブジェクトで JSON.stringify() メソッドを呼び出し、その戻り値を新しく作成された JSON 文字列配列に格納します。
これで、オブジェクト配列が JSON 文字列配列に正常に変換されました。取得する jsonStringArray の出力は次のとおりです。
[ '{"name":"John","age":25,"city":"New York"}', '{"name":"Jane","age":30,"city":"Chicago"}', '{"name":"Mike","age":35,"city":"Los Angeles"}' ]
各オブジェクトで JSON.stringify() メソッドを使用するため、取得する各要素は JSON 形式の文字列です。各文字列が二重引用符で囲まれ、コンマで区切られていることがわかります。これは、JSON 配列形式の標準です。
JSON 文字列配列をオブジェクト配列に変換し直す場合は、JSON.parse() メソッドを使用できます。完全な例を次に示します。
var jsonStringArray = [ '{"name":"John","age":25,"city":"New York"}', '{"name":"Jane","age":30,"city":"Chicago"}', '{"name":"Mike","age":35,"city":"Los Angeles"}' ]; var objectsList = jsonStringArray.map(function(jsonStr) { return JSON.parse(jsonStr); });
この例では、JSON 文字列配列を定義します。次に、map() メソッドを使用して配列を反復処理し、各要素で JSON.parse() メソッドを呼び出します。要素をオブジェクトに変換するために、このメソッドに要素の JSON 形式の文字列を渡します。最後に、新しく作成したオブジェクトの配列を objectList 変数に保存します。
ここで、console.log() メソッドを使用して objectList 配列を出力すると、次の出力が得られるはずです:
[ Object { name: "John", age: 25, city: "New York" }, Object { name: "Jane", age: 30, city: "Chicago" }, Object { name: "Mike", age: 35, city: "Los Angeles" } ]
この記事では、objects 配列を変換する方法を学習しました。 JSON 文字列配列に変換します。 map() メソッドを使用してオブジェクトの配列を反復処理し、各オブジェクトで JSON.stringify() メソッドを呼び出します。このようにして、後続の処理のために保存および送信できる JSON 文字列配列を取得できます。また、必要に応じて JSON.parse() メソッドを使用して JSON 文字列配列をオブジェクト配列に変換する方法も学びました。
以上がJavaScript を使用してオブジェクトの配列を JSON 文字列配列に変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。