ホームページ >ウェブフロントエンド >フロントエンドQ&A >JavaScript を使用してオブジェクトの配列を JSON 文字列配列に変換する方法

JavaScript を使用してオブジェクトの配列を JSON 文字列配列に変換する方法

PHPz
PHPzオリジナル
2023-04-24 09:11:471797ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。