JSON.stringify() と JSON.parse()

JSON

JSON (JavaScript Object Notation) は、システム間で複雑なデータを保存および転送するためのテキスト形式です。 Javascript には、JSON テキストをオブジェクトに変換したり、JSON オブジェクトをテキストに変換したりするための簡単なメソッドが含まれています。

これは次の場合に役立ちます...

JSON.stringify() と JSON.parse() は、JavaScript オブジェクトと文字列を相互に変換するために使用できる関数に組み込まれています。

ここでは、アルバム オブジェクトの albums という配列があり、それぞれに「アーティスト」と「タイトル」の 2 つのキーが含まれています。

let albums = [
{
  "artist" : "Herbie Hancock",
  "title" : "Head Hunters",
},
{
  "artist" : "Beastie Boys",
  "title" : "Pauls Boutique"
},
  {
  "artist" : "The Cramps",
  "title" : "Bad Music for Bad People"
}
];

console.log(albums);

このコードをログに記録すると、次の出力が得られます:

// [object Array] (3)
[// [object Object] 
{
  "artist": "Herbie Hancock",
  "title": "Head Hunters"
},// [object Object] 
{
  "artist": "Beastie Boys",
  "title": "Pauls Boutique"
},// [object Object] 
{
  "artist": "The Cramps",
  "title": "Bad Music for Bad People"
}]

console.log(albums); を呼び出すと、コンソールは albums が配列であることを認識します。デフォルトですべての詳細を展開するのではなく、配列を [オブジェクト配列] として要約し、その中の各項目を [オブジェクト オブジェクト] として要約します。これは、各要素がオブジェクトであることを示すコンソールの組み込みの短縮表現です。

JSON.stringify()

JSON.stringify() は、JavaScript の複雑な配列またはオブジェクトを受け取り、それを JSON 文字列に変換します。

ここでは、アルバムに対して JSON.stringify() メソッドを呼び出して、アルバム配列を JSON 文字列に変換しています。

let albumStrings = JSON.stringify(albums);

console.log(albumStrings);

このコードをログに記録すると、次の出力が得られます:

"[{'artist':'Herbie Hancock','title':'Head Hunters'},{'artist':'Beastie 
Boys','title':'Pauls Boutique'},{'artist':'The Cramps','title':'Bad Music 
for Bad People'}]"

これにより、それぞれ 2 つのプロパティを持つ 3 つのオブジェクトの配列が得られます。

でも、もしそうしたいと思ったらどうしよう..

JSON.stringify() 関数は最大 3 つのパラメータを受け入れます:

1. 値: JSON 文字列 (アルバム) に変換する値

2. Replacer(オプション): 各キーと値のペア (null) を変更できる関数

3. スペース (オプション): レベルごとに使用するスペースの数 (4)
   

let albumStringsFormat = JSON.stringify(albums, null, 4);

console.log(albumStringsFormat);

このコードをログに記録すると、次の出力が得られます:

"[
    {
        'artist': 'Herbie Hancock',
        'title': 'Head Hunters'
    },
    {
        'artist': 'Beastie Boys',
        'title': 'Pauls Boutique'
    },
    {
        'artist': 'The Cramps',
        'title': 'Bad Music for Bad People'
    }
]"

ここで、各オブジェクトが確認できるようになりました

JSON.parse()

次に、
の文字列を作成しました。

let albumsString = '[{"artist": "Bad Brains", "title": "Bad Brains"}, 
{"artist": "A Tribe Called Quest", "title": "Low End Theory"}, {"artist": 
"Nina Simone", "title": "Wild is the Wind"}]'

console.log(albumsString);

このコードをログに記録すると、次の出力が得られます:

"[{'artist': 'Bad Brains', 'title': 'Bad Brains'}, {'artist': 'A Tribe 
Called Quest', 'title': 'Low End Theory'}, {'artist': 'Nina Simone', 
'title': 'Wild is the Wind'}]"

長さを記録したら

console.log(albumsString.length); // length of string
162

長さは 162 なので、

次に、
を解析すると、

let albumsObject = JSON.parse(albumsString);

console.log(albumsObject);

このコードをログに記録すると、次の出力が得られます:

// [object Array] (3)
[// [object Object] 
{
  "artist": "Bad Brains",
  "title": "Bad Brains"
},// [object Object] 
{
  "artist": "A Tribe Called Quest",
  "title": "Low End Theory"
},// [object Object] 
{
  "artist": "Nina Simone",
  "title": "Wild is the Wind"
}]

次に、オブジェクトの長さをログに記録します

console.log(albumsObject.length); // length of object
3

これを記録します

console.log(JSON.stringify(albumsObject, null, 4));

このコードをログに記録すると、次の出力が得られます:

"[
    {
        'artist': 'Bad Brains',
        'title': 'Bad Brains'
    },
    {
        'artist': 'A Tribe Called Quest',
        'title': 'Low End Theory'
    },
    {
        'artist': 'Nina Simone',
        'title': 'Wild is the Wind'
    }
]"

以上がJSON.stringify() と JSON.parse()の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。