带JSON数组值的CRUD

时间:2018-10-11 05:35:16

标签: javascript jquery json crud

我正在为一个带有JSON文件的CRUD工作,但是我不知道如何操作许多级别的JSON。所以我有以下JSON代码。例如,如果我想添加一个新助手,该怎么办?这有可能吗?

{
"events": [{
    "id": "1",
    "name": "Noches de trova",
    "address": "Degollado #93 Centro, 28000 Colima City",
    "city": "Colima",
    "date": "Oct 10",
    "datetime": "07:00 PM",
    "price": "0",
    "description": "Noches para escuchar, sentir y pasarla bien.",
    "image": "img/banner1.jpg",
    "publisher": "Noches café",
    "assistants": [{
        "name": "Alfredo Tomas Perez Prado",
        "address": "Las brisas #356 Col. Colinas del rey",
        "age": "29"
    }],
    "activities": [{
        "name": "Registro",
        "place": "Explanada del edificio 1",
        "time": "07:00-07:30 PM"
    }]
  }]
}

2 个答案:

答案 0 :(得分:1)

在此示例中,只需将json加载到变量中,就可以了:

var data = {
"events": [{
    "id": "1",
    "name": "Noches de trova",
    "address": "Degollado #93 Centro, 28000 Colima City",
    "city": "Colima",
    "date": "Oct 10",
    "datetime": "07:00 PM",
    "price": "0",
    "description": "Noches para escuchar, sentir y pasarla bien.",
    "image": "img/banner1.jpg",
    "publisher": "Noches café",
    "assistants": [{
        "name": "Alfredo Tomas Perez Prado",
        "address": "Las brisas #356 Col. Colinas del rey",
        "age": "29"
    }],
    "activities": [{
        "name": "Registro",
        "place": "Explanada del edificio 1",
        "time": "07:00-07:30 PM"
    }]
  }]
}

data.events[0].assistants.push({name: 'John', address: '1st Street', age: 55})

console.log(data.events[0].assistants)

如果您需要通过某些属性来查找事件,则可以使用filter/find来获取并添加事件。但是否则就是JS对象/数组访问。

因此,您可以加载json,对其进行操作,然后将其导出。

答案 1 :(得分:0)

由于JSON作为首字母缩写词,因此表示是有效的Javascript对象。您可以使用它执行所有有效的JS操作。

  

对于“读取”,通过JSON.parse方法将文本评估为javascript。

     

用于创建数组元素。对push(),concat()使用JS操作   甚至内联数组添加。

     

对于更新,您可以直接使用Javascript更新数组的值   允许。

     

对于Delete,可以使用诸如splice()或pop(),shift()之类的操作。   根据您的需要。

这里的关键字是JSON,它是一个Javascript符号对象。因此,您可以在Javascript对象/数组中使用的内容都可以在JSON CRUD中使用。