干掉 for 循环？分享 1 段优质 JS 代码片段!

大家好，我是大澈！

本文约 500+ 字，整篇阅读约需 1 分钟。

每日分享一段优质代码片段。

今天分享 1 个 JavaScript 代码片段，使用 JavaScript 的 find() 方法在 Array 中搜索目标对象，非常简单。

老规矩，先阅读代码片段并思考，再看代码解析再思考，最后评论区留下你的见解！

// Search Object in Array

let data = [
  {name:"haider", Salary:60000},
  {name:"John", Salary:50000},
  {name:"Peter", Salary:20000},
]
let emp = data.find(data => data.name === "Peter")
console.log(emp) 
// Output 
{
  name:"Peter",
  Salary:20000
}

分享原因

1. 实用性

在数组中查找特定对象是日常开发中非常常见的需求，无论是在处理数据集、用户列表还是其他数据结构时，都会用到。

2. 简洁明了

使用 JavaScript 的 find 方法进行搜索非常直观，代码简短且易于理解，只需写一行代码，确实稍优于直接撸 for 循环。

推荐使用这种写法！

前置知识

1. 数组方法 find

find 方法遍历数组中的每个元素，直到找到第一个使测试函数返回 true 的元素。如果找到了这样的元素，则返回该元素；否则返回 undefined。

代码解析

创建一个数组 data，包含三个对象，每个对象都有 name 和 Salary 属性。

data.find 是一个数组方法，用于查找数组中第一个满足提供的测试函数的元素。它返回该元素的值，如果没有找到，则返回 undefined。

传递的测试函数是一个箭头函数 data => data.name === "Peter"，它检查每个对象的 name 属性是否等于 "Peter"。如果找到了满足条件的对象，find 方法将返回该对象。

- end -

添加大澈微信：CodeDache，朋友圈实时分享最新文章、发布星球和专栏通知，免费拉你进技术问答群，免费一对一问题交流与答疑。