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 配列内のデータをクエリして出力するために使用されます。

この例では、まず 3 つの JSON オブジェクトを配列に追加しました。次に、現在のデータを照会し、バナナの価格を 5 に更新しました。次に、JSON オブジェクトを削除し、更新されたデータを再度クエリしました。

この例では、JavaScript を使用して JSON 配列を追加、削除、変更、クエリする方法を確認できます。これらの概念と方法は、実際の開発、特にデータ収集を扱う場合に非常に役立ちます。