javascript - 如何使用对象的键返回过滤后的对象数组

Question

我想编写一个带有两个参数(对象数组和搜索字符串)的函数。该函数应返回一个数组，该数组已通过其各自的键过滤了每个对象数组。

我的示例数组和搜索字符串如下所示

const myArray = [{
  createdAt: 1579147513645,
  updatedAt: 1579147513645,
  id: 3,
  course: "Test",
  techStack: "Test ",
  …
} {
  createdAt: 1581047008746,
  updatedAt: 1581047008746,
  id: 4,
  course: "COmputer Science and mathemetics",
  techStack: "Javascript and python, css and html",
  …
} {
  createdAt: 1582538141524,
  updatedAt: 1582538141524,
  id: 5,
  course: "trrrt",
  techStack: "dddf",
  …
}]

const searchString = "sc"

我想要一个函数，如果任何对象键(当然，techStack 或其他键)包含字母“sc”，则该对象将在数组中返回。

只是为了支持我的观点。我将展示一个执行类似操作但仅处理“类(class)”对象键的函数。

const filterResult = (array, query) => {
  const filterCriteria = el => el.course.toLowerCase().indexOf(query.toLowerCase()) !== -1;
  return array.filter(filterCriteria)
};

Answer 1

使用Object.values()获取对象中所有值的数组，然后使用Array.prototype.some()检查是否有任何值包含搜索字符串。

const filterResult = (array, query) => {
  query = query.toLowerCase();
  const filterCriteria = el => Object.values(el).some(prop =>
    typeof prop == 'string' &&
    prop.toLowerCase().includes(query));
  return array.filter(filterCriteria)
};

const myArray = [{
  createdAt: 1579147513645,
  updatedAt: 1579147513645,
  id: 3,
  course: "Test",
  techStack: "Test ",
}, {
  createdAt: 1581047008746,
  updatedAt: 1581047008746,
  id: 4,
  course: "COmputer Science and mathemetics",
  techStack: "Javascript and python, css and html",
}, {
  createdAt: 1582538141524,
  updatedAt: 1582538141524,
  id: 5,
  course: "trrrt",
  techStack: "dddf",
}]

const searchString = "sc"

console.log(filterResult(myArray, searchString));