首先,要根据id删除数组中的对象,我们需要对该数组进行遍历,并找到该对象所在的索引位置。接下来,我们可以使用splice()函数删除该位置的对象。
首先,要根据id删除数组中的对象,我们需要对该数组进行遍历,并找到该对象所在的索引位置。接下来,我们可以使用splice()函数删除该位置的对象。
具体步骤如下:
- 定义一个数组,包含多个对象,每个对象都有一个id属性。
let arr = [
{id: 1, name: 'Tom'},
{id: 2, name: 'Jerry'},
{id: 3, name: 'Mickey Mouse'}
];
- 定义一个函数,用于删除指定id的对象。
function removeById(arr, id) {
for (let i = 0; i < arr.length; i++) {
if (arr[i].id === id) {
arr.splice(i, 1);
break;
}
}
return arr;
}
- 调用函数进行删除。
console.log(removeById(arr, 2));
// [{id: 1, name: 'Tom'}, {id: 3, name: 'Mickey Mouse'}]
在以上的示例中,我们首先给出了一个包含了多个对象的数组,每个对象都有自己的id属性。接下来,我们定义了一个函数removeById来删除指定id的对象。在该函数中,我们使用了for循环遍历数组,并通过if语句判断当前对象的id是否与传入参数的id相等。如果相等,则使用Array原型中的splice()函数删除该对象,并调用break语句跳出循环。最后,我们调用removeById函数删除id为2的对象,并打印出结果。
另外一个示例参考:
let arr = [
{id: '001', name: 'Tom'},
{id: '005', name: 'Jerry'},
{id: '009', name: 'Mary'},
{id: '002', name: 'Mike'},
{id: '004', name: 'Daisy'}
];
function removeById(arr, id) {
for (let i = 0; i < arr.length; i++) {
if (arr[i].id === id) {
arr.splice(i, 1);
return arr;
}
}
console.log(`Object with id=${id} was not found in arr!`);
return null;
}
console.log(removeById(arr, '009'));
console.log(removeById(arr, '008'));
以上代码中,我们定义了一个与之前不同的数组对象,每个对象的id属性是一个字符串。定义的removeById函数用于删除该数组中指定id的对象,在匹配到指定id的元素后,使用splice函数删除,并返回删除后的数组。若未匹配到指定id的元素,打印一段提示信息,并返回null。
代码运行结果为:
本文标题为:js如何根据id删除数组中对象
基础教程推荐
- 使用Vite从零搭建前端项目的详细过程 2022-10-22
- vite2.0+vue3+ts前端最新热门技术项目搭建 2023-10-08
- AJAX请求数据及实现跨域的三种方法详解 2023-02-24
- 同一个页面用多个id有什么影响 2022-11-04
- 非常简单的Ajax请求实例附源码 2022-10-17
- http://www.sky.franken.de/doxy/explorer/structIShellBrowserImpl.html 2023-10-25
- 深入了解最常用的JavaScript 事件 2023-08-08
- bootstrap select2 动态从后台Ajax动态获取数据的代码 2023-02-23
- 使用JS前端技术实现静态图片局部流动效果 2022-10-21
- 浅谈Vue3的几个优势 2022-07-07