ES6——filter和find区别

最新推荐文章于 2024-04-14 14:48:39 发布

原创最新推荐文章于 2024-04-14 14:48:39 发布 · 188 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#es6

本文通过示例演示了如何使用JavaScript的filter和find方法从数组中筛选特定元素。具体介绍了当数组中存在符合指定条件的对象时返回该对象或对象数组的方法，并展示了在不同条件下筛选结果的变化。

demo：

let devices = [
  {id:1,name:'a'},
  {id:2,name:'b'},
]

let newDevices = devices.filter(item => {
  return item.id===1
})

console.log(newDevices) // [{id:1,name:'a'}]

let newDevices2 = devices.filter(item => {
  return item.id===3
})

console.log(newDevices) //[]

let devices = [
  {id:1,name:'a'},
  {id:2,name:'b'},
]

let newDevices = devices.find(item => {
  return item.id===1
})

console.log(newDevices) // {id:1,name:'a'}

let newDevices2 = devices.find(item => {
  return item.id===3
})

console.log(newDevices) //undefined