JSON.stringify() 和 JSON.parse()

JSON

JSON，即 JavaScript 物件表示法，是一種用於在系統之間儲存和傳輸複雜資料的文字格式。 Javascript 包含將 JSON 文字轉換為物件以及將 JSON 物件轉換為文字的簡單方法。

這在以下情況很有用

JSON.stringify() 和 JSON.parse() 是內建函數，可用於 JavaScript 物件和字串來回轉換它們。

這裡，我有一個名為 albums 的專輯物件數組，每個物件包含兩個按鍵：「artist」和「title」。

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是一個陣列。它將陣列總結為 [object Array]，並將其中的每個項目總結為 [object Object]，而不是預設展開每個細節。這是控制台的內建簡寫，表示每個元素都是一個物件。

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'}]"

這給了我們一個由三個物件組成的數組，每個物件都有兩個屬性。

但是如果我想怎麼辦..

JSON.stringify() 函數最多接受三個參數：

1. 值：要轉換為 JSON 字串（專輯）的值

2. Replacer（可選）：一個可讓您修改每個鍵值對的函數（空）

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中文網其他相關文章！