使用jQuery从JavaScript对象添加/删除项目

Question

我有一个JavaScript对象，如下所示：var data = {items: [    {id: "1", name: "Snatch", type: "crime"},    {id: "2", name: "Witches of Eastwick", type: "comedy"},    {id: "3", name: "X-Men", type: "action"},    {id: "4", name: "Ordinary People", type: "drama"},    {id: "5", name: "Billy Elliot", type: "drama"},    {id: "6", name: "Toy Story", type: "children"}]};如果我想在此列表中添加/删除项目，我将如何使用jQuery进行处理？客户希望此列表是可动态修改的。

Answer 1

那根本不是JSON，而只是Javascript对象。JSON是数据的文本表示形式，它使用Javascript语法的子集。

您找不到有关使用jQuery操纵JSON的任何信息的原因是，因为jQuery没有什么可以做到的，而且通常根本没有做到。您以Javascript对象的形式处理数据，然后根据需要将其转换为JSON字符串。（不过，jQuery确实具有用于转换的方法。）

您所拥有的只是一个包含数组的对象，因此您可以使用已经拥有的所有知识。仅用于data.items访问数组。

例如，使用动态值向数组添加另一个项目：

// The values to put in the item

var id = 7;

var name = "The usual suspects";

var type = "crime";

// Create the item using the values

var item = { id: id, name: name, type: type };

// Add the item to the array

data.items.push(item);