JSON(JavaScript Object Notation)是一種輕量級數(shù)據(jù)交換格式, 非常適合在前端和后端之間傳輸數(shù)據(jù)。在JavaScript中處理和解析JSON數(shù)據(jù)非常方便靈活,而且JSON數(shù)據(jù)可以與大多數(shù)編程語言兼容。
在實際開發(fā)中,我們可能需要對JSON數(shù)據(jù)進行投影和轉(zhuǎn)換。投影就是從JSON數(shù)據(jù)中選擇部分數(shù)據(jù)進行處理或顯示,轉(zhuǎn)換則是將JSON數(shù)據(jù)轉(zhuǎn)換成另一個結(jié)構(gòu)或格式去使用。
// 示例JSON數(shù)據(jù) let jsonData = { "name": "Tom", "age": 20, "gender": "male", "languages": [ { "name": "JavaScript", "level": "advanced" }, { "name": "Python", "level": "intermediate" } ] }
投影
從上述JSON數(shù)據(jù)中投影出名字和年齡信息。
let selectedData = { "name": jsonData.name, "age": jsonData.age }
這樣就得到了一個新的JSON數(shù)據(jù),只包含了名字和年齡:
{ "name": "Tom", "age": 20 }
轉(zhuǎn)換
將上述JSON數(shù)據(jù)轉(zhuǎn)換成HTML格式的表格。
let html = '<table>'; html += '<tr><th>Name</th><th>Age</th></tr>'; html += '<tr><td>' + jsonData.name + '</td><td>' + jsonData.age + '</td></tr>'; html += '</table>';
生成的HTML代碼如下:
<table> <tr><th>Name</th><th>Age</th></tr> <tr><td>Tom</td><td>20</td></tr> </table>