JS adiciona, exclui, modifica e verifica matrizes JSON

A seguir está um exemplo detalhado de adição, exclusão, modificação e consulta de matrizes JSON usando JavaScript:

// 创建一个空的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();

Neste exemplo, primeiro criamos um array JSON vazio `data`. Em seguida, definimos uma série de funções para realizar operações de adição, exclusão, modificação e consulta em arrays JSON.

A função `addData` é usada para adicionar dados ao array JSON. Podemos passar os dados que precisam ser adicionados a esta função como parâmetro e usar o método `push` para adicionar os dados ao array.

A função `deleteData` é usada para excluir dados em um array JSON. Precisamos passar os dados a serem excluídos como parâmetro para esta função. A função usa o método `findIndex` para encontrar o índice dos dados a serem excluídos do array e, em seguida, usa o método `splice` para removê-los do array.

A função `updateData` é usada para atualizar os dados no array JSON. Precisamos passar dados antigos e novos como parâmetros para esta função. A função usa o método `findIndex` para encontrar o índice dos dados antigos no array e substituí-lo pelos novos dados.

A função `queryData` é usada para consultar os dados no array JSON e imprimi-los.

No exemplo, primeiro adicionamos três objetos JSON ao array. Em seguida, consultamos os dados atuais e atualizamos o preço da Banana para 5. Em seguida, excluímos um objeto JSON e consultamos novamente os dados atualizados.

Através deste exemplo, você pode ver como usar JavaScript para adicionar, excluir, modificar e consultar matrizes JSON. Estes conceitos e métodos são muito úteis no desenvolvimento prático, especialmente quando se trata de recolha de dados.
 

Acho que você gosta

Origin blog.csdn.net/weixin_39273589/article/details/132624700
Recomendado
Clasificación