我正在尝试遍历一个数组并找到在属性中具有所述关键字的每个对象

Question

所以我想将此变量设置为数组中的所有对象，其中其类别具有某个关键字。 这是我到目前为止

  let tempMensProducts = tempClothingProducts
          .filter(obj => obj.category.includes('Mens'))

export const clothingProducts = [
  {
    id: 1,
    title: 'COMME DES GARCONS TEE',
    img: 'img/product-1.png',
    img2: 'img/product-1-1.png',
    img3: 'img/product-1-2.png',
    img4: 'img/product-1-3.png',
    luxury: 'All Luxury items are inspected to verify authenticity',
    price: 200,
    info: ' COMME DES GARCONS PLAY BASIC LOGO TEE',
    inCart: false,
    count: 0,
    total: 0,
    fabric: '100% Cotton',
    category: 'Mens Fashion'
  }
]

Answer 1

您需要传递一个回调到map才能使用它 - 但在这里，根本不需要map 。 只需使用filter 。

let tempMensProducts = tempClothingProducts.filter(({ category }) => category.includes("Mens"));

如果您尝试使用没有回调的map ，它会在尝试调用其参数时导致错误，如果您不传递参数，它将尝试执行undefined() 。

 [1, 2, 3].map();

Answer 2

您可以通过空格拆分数组，然后在那里应用数组contains以确保它会给您正确的结果

我的意思是说当关键字是“男人”时它不应该返回“女人”

 let clothingProducts = [ { id: 1, title: 'COMME DES GARCONS TEE', img: 'img/product-1.png', img2: 'img/product-1-1.png', img3: 'img/product-1-2.png', img4: 'img/product-1-3.png', luxury: 'All Luxury items are inspected to verify authenticity', price: 200, info: ' COMME DES GARCONS PLAY BASIC LOGO TEE', inCart: false, count: 0, total: 0, fabric: '100% Cotton', category: 'Mens Fashion' }, { id: 2, title: 'COMME DES GARCONS TEE', img: 'img/product-1.png', img2: 'img/product-1-1.png', img3: 'img/product-1-2.png', img4: 'img/product-1-3.png', luxury: 'All Luxury items are inspected to verify authenticity', price: 200, info: ' COMME DES GARCONS PLAY BASIC LOGO TEE', inCart: false, count: 0, total: 0, fabric: '100% Cotton', category: 'woMens Fashion' } ] let filter = clothingProducts.filter(c => c.category.split(" ").includes("Mens")); console.log(filter);