JS中数据添加唯一标识id并且唯一标识id自增,通过id实现增删改查
时间: 2023-06-21 07:07:22 浏览: 86
javascript实现信息增删改查的方法
5星 · 资源好评率100%
你可以使用一个计数器来实现id的自增,每次添加数据时计数器加1并将其作为数据的唯一标识id。具体实现可以参考以下代码:
```javascript
// 定义一个计数器
let idCounter = 0;
// 定义一个空数组来存放数据
let data = [];
// 添加数据
function addData(newData) {
// 计数器加1,作为新数据的id
idCounter++;
// 将新数据添加到数组中,并加上唯一标识id
newData.id = idCounter;
data.push(newData);
}
// 删除数据
function deleteData(id) {
// 找到要删除的数据在数组中的索引
const index = data.findIndex(item => item.id === id);
// 如果找到了对应的数据,则从数组中删除
if (index >= 0) {
data.splice(index, 1);
}
}
// 修改数据
function updateData(id, newData) {
// 找到要修改的数据在数组中的索引
const index = data.findIndex(item => item.id === id);
// 如果找到了对应的数据,则更新数据内容
if (index >= 0) {
data[index] = {...data[index], ...newData};
}
}
// 查找数据
function findData(id) {
// 找到要查找的数据在数组中的索引
const index = data.findIndex(item => item.id === id);
// 如果找到了对应的数据,则返回该数据
if (index >= 0) {
return data[index];
}
// 如果没找到则返回null
return null;
}
```
使用时可以调用以上函数来实现增删改查操作,例如:
```javascript
addData({name: 'Tom', age: 18});
addData({name: 'Jerry', age: 20});
console.log(data); // [{id: 1, name: 'Tom', age: 18}, {id: 2, name: 'Jerry', age: 20}]
deleteData(1);
console.log(data); // [{id: 2, name: 'Jerry', age: 20}]
updateData(2, {age: 21});
console.log(data); // [{id: 2, name: 'Jerry', age: 21}]
const result = findData(2);
console.log(result); // {id: 2, name: 'Jerry', age: 21}
```
阅读全文