在前端開發中,經常需要將一些列表轉換為 JSON 格式。在 ES6 中,我們可以使用Array.prototype.map
和JSON.stringify
方法來實現這一功能。
假設我們有一個簡單的列表:
const list = [ { id: 1, name: 'John' }, { id: 2, name: 'Mary' }, { id: 3, name: 'Bob' } ];
現在,我們想將這個列表轉換為 JSON 格式。我們可以使用Array.prototype.map
方法將每個對象轉換為一個新對象,每個新對象包含一個名為value
的屬性,其值為原對象。這樣我們就可以使用JSON.stringify
方法將這些新對象轉換為 JSON 格式。
const json = JSON.stringify(list.map(item =>({ value: item }))); console.log(json); // Output: [{"value":{"id":1,"name":"John"}},{"value":{"id":2,"name":"Mary"}},{"value":{"id":3,"name":"Bob"}}]
在上面的代碼中,我們首先使用Array.prototype.map
方法將每個對象轉換為一個新對象,每個新對象包含一個名為value
的屬性,其值為原對象。然后,我們使用JSON.stringify
方法將這些新對象轉換為 JSON 格式。
需要注意的是,如果原對象中包含函數,將無法將其轉換為 JSON 格式。
綜上,ES6 中的Array.prototype.map
和JSON.stringify
方法可以幫助我們將列表轉換為 JSON 格式,從而更好地應用在前端開發中。
上一篇vue后臺增加答題