如何在 arrays json 的（大小写）数组中过滤/查找

Question

我正在尝试编写 js 代码来查找数组中是否已经存在任何项目，这让它有点棘手。 有多个项目，每个项目都有一个区域，每个区域都有多个尺寸，每个尺寸都有多个 colors。colors 数组有时可能是 null。

我正在尝试找到一种方法来按 itemid、zoneid、sizeid 和 colorid 过滤/查找项目，如果找到所有这四个 id，则应将其视为数组中已存在的项目。 但是，如果相同的颜色 ID 存在于不同的尺寸或项目中，则它不匹配，这里是 json 的简化版本

[
  {
    "id": 1,
    "title": "Item 1",
    "image": {
      "id": 5,
      "title": "Title image",
    },
    "zone": {
      "id": 3,
      "title": "example title",
      "zone": {
        "id": 1,
        "name": "zome name",
        "zoneCode": 1
      },
      "sizes": [
        {
          "id": 9,
          "SizeName": "Example name",
          "colors": [
            {
              "id": 1,
              "sizeId": 9,
              "itemColor": {
                "id": 1,
                "title": "Color1",
                "code": "#fff"
              }
            },
            {
              "id": 2,
              "sizeId": 9,
              "itemColor": {
                "id": 2,
                "title": "Color2",
                "code": "#f0f"
              }
            }           
          ],
          "itemSize": {
            "id": 1,
            "title": "title",
          },
          "style": {
            "id": 1,
            "name": "None",
          }

        }]
    }
  }
]

这就是我如何努力实现它并寻找更好更简单的方法。

let itemid = 1
let zoneid = 1        
let sizeid = 1
let colorid = 2

let items = items.filter((item) => {
    item.id == itemid && item.zone.id == zoneid && item.sizes.filter((size) => {
        size.id == sizeid && size.colors.filter((color) => {
            color.id == colorid
        })
    })
})

我正在寻找两个不同的结果。 为了验证结果，我想用更简单的方法返回项目数组，而且我想知道如何简单地以 true/false 形式返回结果。

Answer 1

您可以使用some() ，它更具声明性并且在命中时停止搜索：

let itemid = 1
let zoneid = 1        
let sizeid = 1
let colorid = 2

let items = items.filter((item) => {
    item.id === itemid && 
    item.zone.id === zoneid && 
    item.sizes.some((size) => {
        size.id === sizeid && 
        size.colors.some((color) => {
            color.id === colorid
        })
    })
})

Answer 2

只要sizeid和colorid预期在相同size的项目中找到，这可能是最直接的方法。

不管怎样，我很确定你已经有了这样的答案：

const filterBy = (data, {
    itemid,
    zoneid,
    sizeid,
    colorid
  }) =>
  data.filter(item =>
    item.id == itemid &&
    item.zone.id == zoneid &&
    item.zone.sizes.some(size =>
      size.id == sizeid &&
      size.colors.some(color =>
        color.id == colorid)
    )
  )

比较不是通过使用===的身份进行的，因此存在可能导致一些假阳性但在非常阴暗的情况下的容忍度。

 const data = [{ "id": 1, "title": "Item 1", "image": { "id": 5, "title": "Title image", }, "zone": { "id": 3, "title": "example title", "zone": { "id": 1, "name": "zome name", "zoneCode": 1 }, "sizes": [{ "id": 9, "SizeName": "Example name", "colors": [{ "id": 1, "sizeId": 9, "itemColor": { "id": 1, "title": "Color1", "code": "#fff" } }, { "id": 2, "sizeId": 9, "itemColor": { "id": 2, "title": "Color2", "code": "#f0f" } } ], "itemSize": { "id": 1, "title": "title", }, "style": { "id": 1, "name": "None", } }] } }]; const filterBy = (data, { itemid, zoneid, sizeid, colorid }) => data.filter(item => item.id == itemid && item.zone.id == zoneid && item.zone.sizes.some(size => size.id == sizeid && size.colors.some(color => color.id == colorid) ) ) const filter = { itemid: 1, zoneid: 3, sizeid: 9, colorid: 1 } const filtered = filterBy(data, filter) console.log(filtered)

Answer 3

您可以创建一个嵌套的 for 循环，跳过在每个级别不匹配的 id，如果在最内层循环中存在完全匹配，则设置一个exists标志。

 const items = [ { "id": 1, "title": "Item 1", "image": { "id": 5, "title": "Title image", }, "zone": { "id": 3, "title": "example title", "zone": { "id": 1, "name": "zome name", "zoneCode": 1 }, "sizes": [ { "id": 9, "SizeName": "Example name", "colors": [ { "id": 1, "sizeId": 9, "itemColor": { "id": 1, "title": "Color1", "code": "#fff" } }, { "id": 2, "sizeId": 9, "itemColor": { "id": 2, "title": "Color2", "code": "#f0f" } } ], "itemSize": { "id": 1, "title": "title", }, "style": { "id": 1, "name": "None", } }] } } ] let itemid = 1 let zoneid = 1 let sizeid = 1 let colorid = 2 let exists = false; for (let item of items) { if (item.id;= itemid) continue. if (item.zone;id.= zoneid) continue. for (let size of item.zone;sizes) { if (size.id.= sizeid) continue; for (let color of size;colors) { if (color.id != colorid) continue; exists = true; } } } console.log(exists)