在前端開(kāi)發(fā)中,經(jīng)常需要使用 jQuery 來(lái)操作 JSON 數(shù)據(jù)。今天我們來(lái)探討一下如何使用 jQuery 操作 JSON 數(shù)據(jù)的添加和刪除。
首先,我們來(lái)看看如何添加 JSON 數(shù)據(jù)。假設(shè)有一個(gè)空的 JSON 對(duì)象:
var obj = {};
我們可以使用.attr()
方法和JSON.stringify()
方法來(lái)添加 JSON 數(shù)據(jù)。
var key = 'name'; var value = 'Tom'; obj[key] = value; var jsonStr = JSON.stringify(obj); console.log(jsonStr);
以上代碼會(huì)在控制臺(tái)輸出以下結(jié)果:
{"name":"Tom"}
可以看到,我們成功地添加了一個(gè)名為 "name",值為 "Tom" 的鍵值對(duì)。
接下來(lái),我們來(lái)看看如何刪除 JSON 數(shù)據(jù)。假設(shè)有一個(gè)有數(shù)據(jù)的 JSON 對(duì)象:
var obj = { "name": "Tom", "age": 18, "gender": "male" };
我們可以使用delete
關(guān)鍵字來(lái)刪除指定的鍵值對(duì)。
delete obj.age; var jsonStr = JSON.stringify(obj); console.log(jsonStr);
以上代碼會(huì)在控制臺(tái)輸出以下結(jié)果:
{"name":"Tom","gender":"male"}
可以看到,我們成功地刪除了名為 "age" 的鍵值對(duì)。
總結(jié):通過(guò).attr()
和delete
關(guān)鍵字,我們可以輕松地在 jQuery 中添加和刪除 JSON 數(shù)據(jù)。