如何过滤 Object 的数组并检查特定键是否在数组中具有值

Question

我有这个对象数组：

const Books = [
  {title:'Book 1', Date: '12/12/2000'},
  {title:'Book 2', Date: '12/12/2001'},
  {title:'Book 3', Date: '12/12/2003'},
  {title:'Book 4', Date: '12/12/2003'}
]

我有这一系列选定的书籍：

 const selectedBooks = ['Book1','Book4']

是否有可能获得以下结果：

 const filteredBooks = [
     {title:'Book 1', Date: '12/12/2000'},
     {title:'Book 4', Date: '12/12/2003'}
 ]

lodash 或 ES6 中是否有实现它的方法？

Answer 1

您可以将Array.prototype.filter与Array.prototype.includes一起使用：

 const Books = [ { title: 'Book 1', Date: '12/12/2000' }, { title: 'Book 2', Date: '12/12/2001' }, { title: 'Book 3', Date: '12/12/2003' }, { title: 'Book 4', Date: '12/12/2003' } ] const selectedBooks = ['Book 1', 'Book 4'] const filteredBooks = Books.filter(book => selectedBooks.includes(book.title)); console.log(filteredBooks);

Answer 2

您可以filter selectedBooks includes其title的所有元素：

const filteredBooks = Books.filter(book => selectedBooks.includes(book.title))

filter返回给定回调返回真实值的所有条目， includes将告诉您数组是否包含给定值。

Answer 3

是的，试试数组过滤运算符

const filteredBooks = Books.filter(({title}) => selectedBooks.includes(title))

Answer 4

我假设selectedBooks中的项目将与filteredBooks中的title匹配。 如果没有，您将需要一些方法来 map 这些值。

您需要Array.prototype.filter和Array.prototype.indexOf的组合。

const filteredBooks = Books.filter(book => selectedBooks.indexOf(book.title) !== -1)

Answer 5

 const books = [ { title: 'Book 1', Date: '12/12/2000' }, { title: 'Book 2', Date: '12/12/2001' }, { title: 'Book 3', Date: '12/12/2003' }, { title: 'Book 4', Date: '12/12/2003' } ]; const selectedBooks = ['Book 1', 'Book 4']; const filteredBooks = _.filter(books, book => _.includes(selectedBooks, book.title)); console.log(filteredBooks);

 <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"></script>