使用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 itemvar id = 7;var name = "The usual suspects";var type = "crime";// Create the item using the valuesvar item = { id: id, name: name, type: type };// Add the item to the arraydata.items.push(item);