JS判断数组对象里的对象属性中是否等于某个值

最新推荐文章于 2023-10-27 16:17:19 发布

nahc

最新推荐文章于 2023-10-27 16:17:19 发布

阅读量1.3k

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_44184452/article/details/130622423

版权

该代码片段定义了一个名为inArray的函数，用于在包含对象的数组中查找具有指定属性值的对象。它遍历数组中的每个对象，再遍历对象的所有属性，如果找到匹配的属性值，就返回整个对象。示例展示了如何使用该函数来查找date属性为特定日期的对象。

摘要由CSDN通过智能技术生成

判断数组里的对象属性中是否等于某个值

export const inArray = (search, array) => {
// search要查找的属性值，array，数组
  if (!array) {
    return false
  } else {
    for (const i of array) {
    // for of 遍历数组 i为数组的每个元素
      const res = i
      // console.log(i);
      for (const j in res) {
      // for in 遍历对象，j为对象的属性值
        if (res[j] === search) {
          return res
        }
      }
    }
  }
}

如果存在的话返回的是数组里的那个对象
例子：

const list = [
  { date: "2023-04-26", play: 1, work: 2, study: 0, sport: 0 },
  { date: "2023-04-27", play: 0, work: 0, study: 0, sport: 0 },
  { date: "2023-04-30", play: 3, work: 0, study: 0, sport: 0 },
  { date: "2023-05-04", play: 0, work: 0, study: 5, sport: 0 },
  { date: "2023-04-26", play: 2, work: 0, study: 0, sport: 0 },
  { date: "2023-05-03", play: 0.5, work: 0, study: 0, sport: 0 },
  { date: "2023-05-04", play: 5, work: 7, study: 2, sport: 6 },
  { date: "2023-05-05", play: 1.5, work: 3, study: 4, sport: 0 },
  { date: "2023-05-07", play: 0, work: 0, study: 0, sport: 0 },
  { date: "2023-05-08", play: 8, work: 1, study: 0, sport: 0 },
];
// 查找数组里是否有date为'2023-05-07'的值
console（inArray('2023-05-07',list))
// 输出：{ date: "2023-05-07", play: 0, work: 0, study: 0, sport: 0 }
console(inArray('2023-05-12',list))
// 输出：false