javascript - 通过属性值从对象数组中获取 JavaScript 对象

Question

这个问题在这里已经有了答案:

Find object by id in an array of JavaScript objects (35 个回答)

关闭 4年前。

假设我有一个包含四个对象的数组:

var jsObjects = [
   {a: 1, b: 2}, 
   {a: 3, b: 4}, 
   {a: 5, b: 6}, 
   {a: 7, b: 8}
];

有没有一种方法可以通过属性 b 的值获取第三个对象({a: 5, b: 6})，例如没有for...in 循环？

Answer 1

Filter 对象数组，属性匹配值，返回数组:

var result = jsObjects.filter(obj => {
  return obj.b === 6
})

见 MDN Docs on Array.prototype.filter()

const jsObjects = [
  {a: 1, b: 2}, 
  {a: 3, b: 4}, 
  {a: 5, b: 6}, 
  {a: 7, b: 8}
]

let result = jsObjects.filter(obj => {
  return obj.b === 6
})

console.log(result)

查找数组中第一个元素/对象的值，否则返回undefined。

var result = jsObjects.find(obj => {
  return obj.b === 6
})

见 MDN Docs on Array.prototype.find()

const jsObjects = [
  {a: 1, b: 2}, 
  {a: 3, b: 4}, 
  {a: 5, b: 6}, 
  {a: 7, b: 8}
]

let result = jsObjects.find(obj => {
  return obj.b === 6
})

console.log(result)