JS 根据对象数组的某个属性值找到指定的对象_js数组查找对象(1)

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

},
{
  "name": "Banana",
  "id": "2"
}

];

// 使用 find 方法找到第一个匹配的对象
var data = datas.find((item) => item.id == “1”);

console.log(data); // {name: “Apple”, id: “1”}

### 代码解释


* **`datas.find()`**：`find`方法遍历数组`datas`，并对每个元素执行提供的回调函数。
* **`(item) => item.id == "1"`**：箭头函数作为回调，检查每个对象的`id`属性是否等于`"1"`。
* **`var data`**：变量`data`将存储找到的第一个匹配对象，如果没有找到匹配项，则为`undefined`。


### 为什么使用`find`而不是`filter`？


* **性能**：`find`方法在找到第一个匹配的元素后会立即停止遍历数组，而`filter`会遍历整个数组，即使在找到匹配项后也是如此。因此，在只需要找到一个匹配项时，使用`find`会更高效。
* **返回值**：`find`直接返回匹配的对象，而不是包含对象的数组，这在大多数情况下更为方便。








## 最后

今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！

可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。



**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）**
![img](https://img-blog.csdnimg.cn/img_convert/4a2c72a9ad87df9bf9af45098b574955.png)

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**
行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**