首先,要根据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删除数组中对象


基础教程推荐
- 「HTML+CSS」--自定义加载动画【027】 2023-10-27
- vue文档熟读之---深入了解组件 2023-10-08
- HTML5在线预览PDF的示例代码 2022-09-16
- mysql – 在数据库中存储html以供使用有什么缺点? 2023-10-26
- HTML5本地存储和本地数据库实例详解 2022-09-16
- 关于Ajax跨域问题及解决方案详析 2023-02-22
- 标准布局应用:显示/隐藏侧边栏 [附详细注解] 2022-11-06
- vue 基于vue-seamless-scroll无缝滚动 2023-10-08
- HTML5:近代史复习网页 2023-10-27
- AJAX实现文件上传功能报错Current request is not a multipart request详解 2023-02-23