JS 对JSON数组的增删改查

下面是一个使用JavaScript对JSON数组进行增删改查的详细示例:

// 创建一个空的JSON数组
let data = [];

// 添加数据
function addData(item) {
  data.push(item);
  console.log(`已添加数据:${JSON.stringify(item)}`);
}

// 删除数据
function deleteData(item) {
  const index = data.findIndex((d) => JSON.stringify(d) === JSON.stringify(item));
  if (index !== -1) {
    data.splice(index, 1);
    console.log(`已删除数据:${JSON.stringify(item)}`);
  } else {
    console.log('数据不存在');
  }
}

// 更新数据
function updateData(oldItem, newItem) {
  const index = data.findIndex((d) => JSON.stringify(d) === JSON.stringify(oldItem));
  if (index !== -1) {
    data[index] = newItem;
    console.log(`已更新数据:${JSON.stringify(oldItem)} -> ${JSON.stringify(newItem)}`);
  } else {
    console.log('数据不存在');
  }
}

// 查询数据
function queryData() {
  console.log('当前数据:', data);
}

// 添加数据
addData({ name: 'Apple', price: 2 });
addData({ name: 'Banana', price: 3 });
addData({ name: 'Orange', price: 4 });

// 查询数据
queryData();

// 更新数据
updateData({ name: 'Banana', price: 3 }, { name: 'Mango', price: 5 });

// 删除数据
deleteData({ name: 'Apple', price: 2 });

// 查询数据
queryData();

在这个示例中,我们首先创建了一个空的JSON数组`data`。然后,我们定义了一系列函数来执行JSON数组的增删改查操作。

`addData`函数用于向JSON数组中添加数据。我们可以将需要添加的数据作为参数传递给该函数,并使用`push`方法将数据添加到数组中。

`deleteData`函数用于删除JSON数组中的数据。我们需要传递需要删除的数据作为参数给该函数。函数使用`findIndex`方法来查找要删除的数据在数组中的索引,然后使用`splice`方法将其从数组中移除。

`updateData`函数用于更新JSON数组中的数据。我们需要传递旧数据和新数据作为参数给该函数。函数使用`findIndex`方法来查找旧数据在数组中的索引,然后将其替换为新数据。

`queryData`函数用于查询JSON数组中的数据,并将其打印出来。

在示例中,我们首先添加了三个JSON对象到数组中。然后,我们查询了当前的数据,并将Banana的价格更新为5。接下来,我们删除了一个JSON对象,并再次查询了更新后的数据。

通过这个示例,你可以看到如何使用JavaScript对JSON数组进行增删改查操作。这些概念和方法在实际开发中非常有用,特别是在处理数据集合时。
 

猜你喜欢

转载自blog.csdn.net/weixin_39273589/article/details/132624700
今日推荐