查找对象数组中的指定对象

文章介绍了在JavaScript中查找对象数组中具有特定id的对象的三种方法:使用for循环遍历,利用find方法以及运用filter方法。每种方法都通过比较对象的id来找到目标对象并提供了示例代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

查找对象数组中的指定对象

假设对象唯一标识为 id,查找的几种方法如下:

1、for循环遍历

const array = [
  { id: 1, name: '对象1' },
  { id: 2, name: '对象2' },
  { id: 3, name: '对象3' }
];
const targetId = 2;
let targetObject;
for (let i = 0; i < array.length; i++) {
  if (array[i].id === targetId) {
    targetObject = array[i];
    break;
  }
}
console.log(targetObject); // 输出:{ id: 2, name: '对象2' }

2、find方法

find()方法简介:可用查找出当前数组中第一个符合筛选条件的元素(不是下标)。
若当前数组中有符合筛选条件的元素,则返回第一个符合筛选条件的元素。
若没有符合条件的元素,则返回undefined
不修改原数组

const array = [
  { id: 1, name: '对象1' },
  { id: 2, name: '对象2' },
  { id: 3, name: '对象3' }
];
const targetId = 2;
const targetObject = array.find(obj => obj.id === targetId);
console.log(targetObject); // 输出:{ id: 2, name: '对象2' }

3、filter方法

关于filter方法见之前的es6篇

const array = [
  { id: 1, name: '对象1' },
  { id: 2, name: '对象2' },
  { id: 3, name: '对象3' }
];
const targetId = 2;
const targetObject = array.filter(obj => obj.id === targetId)[0];//filter方法返回一个新数组,直接用[0]取出第一个元素即为要查找的对象
console.log(targetObject); // 输出:{ id: 2, name: '对象2' }
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值