JSON.stringify のさまざまな用途のまとめ

序文

json を使用したことがある人なら、オブジェクトを文字列化してからバックエンドに送信するのが一般的な方法であることを知っているはずです。ただし、IE6-7 には JSON オブジェクトがないため、実装するには json2.js を使用する必要があります。

1. 古典的な用法

 varデータ = [
     {名前: "Wukong", 性別: 1, 年齢: 30},
     {名前: "Bajie", 性別:0, 年齢:20},
     {名前: "Tang Monk"、性別: 1、年齢: 30}
 ]; //JavaScript 配列にはオブジェクトが含まれています //JavaScript オブジェクトを JSON 形式の文字列に変換します var str_json = JSON.stringify(data);
コンソールにログ出力します。
//実行結果は次のとおりです:
//[{"name":"悟空","sex":1,"age":30},{"name":"八戒","sex":0,"age":20},{"name":"唐僧","sex":1,"age":30}]

とても簡単です！これは私たちが最もよく使う方法でもあります

2. 複雑なデータの抽出

たとえば、当社のデータは非常に複雑で、アバター、ニックネーム、個人の署名などの情報が含まれています。しかし、ローカルに保存したので、ユーザー名と性別だけが必要です。どうすればいいですか? 2 番目のパラメータを指定してデータを走査し、再抽出することでこれを実行できます。

a. 従来のデータ抽出方法

varデータ = [
    {名前: "Wukong", 性別: 1, 年齢: 30},
    {名前: "Bajie", 性別:0, 年齢:20},
    {名前: "Tang Monk"、性別: 1、年齢: 30}
];
// データを抽出する従来の方法 var new_data = [];
(var i=0, new_data=[]; i<data.length; i++) の場合 {
    //行配列を構築する new_data.push({
        名前: データ[i].名前、
        性別: データ[i].年齢
    });
}
var str_json = JSON.stringify(new_data);
コンソールにログ出力します。

b. stringifyの2番目のパラメータを使用してデータを抽出します

varデータ = [
    {名前: "Wukong", 性別: 1, 年齢: 30},
    {名前: "Bajie", 性別:0, 年齢:20},
    {名前: "Tang Monk"、性別: 1、年齢: 30}
];

var str_json = JSON.stringify(data,["名前","年齢"]);
コンソールにログ出力します。
//実行結果	
//[{"name":"悟空","age":30},{"name":"八戒","age":20},{"name":"唐僧","age":30}]

2 番目のパラメータに必要なキー配列が渡される限り、この処理は非常に簡単に完了できます。

もちろん、1,0 を男性または女性に変更するなど、より複雑な処理をしたい場合は、2 番目のパラメーターをコールバック関数で処理できます。

varデータ = [
    {名前: "Wukong", 性別: 1, 年齢: 30},
    {名前: "Bajie", 性別:0, 年齢:20},
    {名前: "Tang Monk"、性別: 1、年齢: 30}
];

var str_json = JSON.stringify(データ、関数(キー、値) {
    if(キー==="性別"){
        ["男の子","女の子"][値]を返します。
    }
    戻り値;
});
コンソールにログ出力します。
// [{"name":"悟空","sex":"女性","age":30},{"name":"八戒","sex":"男性","age":20},{"name":"唐僧","sex":"女性","age":30}]

3. 3番目のパラメータ「Wu Yong」

非常に役に立たないパラメータで、基本的には決して使用されませんが、状況によって異なります。

varデータ = [
    {名前: "Wukong", 性別: 1, 年齢: 30},
    {名前: "Bajie", 性別:0, 年齢:20},
    {名前: "Tang Monk"、性別: 1、年齢: 30}
];

var str_json = JSON.stringify(data,["名前","性別"],"\t");
コンソールにログ出力します。
/*
[
	{
		"名前": "悟空",
		「セックス」: 1
	},
	{
		"名前": "バジエ",
		「性別」: 0
	},
	{
		"名前": "唐僧",
		「セックス」: 1
	}
]
*/

わからない場合は、APIを確認してください

developer.mozilla.org/en-US/docs/…

要約する

JSON.stringify の使い方に関するこの記事はこれで終わりです。JSON.stringify の使い方に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません: