如何使用javascript将object of object个数组对象改成数组对象

Question

我想知道如何在 javascript 中不带 flap map 的情况下展平对象数组

如果 arrays 的 object object 的长度大于1，展平

在我的示例中， property black超过 object，因此在对象数组中返回它

var obj ={
    "details": {
        "black": [
            {
            value: 100,
            name: "xxx"
            },
            {
            value: 200,
            name: "yyy"
            }
        ]
    },
    "sales": {
        "blue": [
            {
               value: 50,
               name: "abc"
            }
        ],
        "ALL": [
            {
              value: 20,
              name: "100"
            }
        ]
    }
}

预计 Output

[
  {
    value: 100,
    name: "xxx"
  },
  {
    value: 200,
    name: "yyy"
  }
]

试过

const result = Object
    .values(obj)
    .flatMap(v => 
        Object.values(v as any)
            .filter((group: any) => group.length > 1)
    )

没有 flapmap 如何使用 javascript

Answer 1

您可以使用Array.reduce()创建一个递归flatten function ，它采用多维数组，并将其转换为平面数组（TS playground）：

 const obj = {"details":{"black":[{"value":100,"name":"xxx"},{"value":200,"name":"yyy"}]},"sales":{"blue":[{"value":50,"name":"abc"}],"ALL":[{"value":20,"name":"100"}]}} const flatten = arr => arr.reduce((acc, a) => acc.concat( Array.isArray(a)? flatten(a): a ), []) const result = flatten(Object.values(obj).map(v => Object.values(v).filter(group => group.length > 1) ) ) console.log(result)

注意：您也可以使用Array.flat()但由于它与Array.flatMap()一起出现，您可能仍然会遇到兼容性问题。

Answer 2

 var obj ={ "details": { "black": [ { value: 100, name: "xxx" }, { value: 200, name: "yyy" } ] }, "sales": { "blue": [ { value: 50, name: "abc" } ], "ALL": [ { value: 20, name: "100" } ] } } console.log(obj.details.black)