Merge array of arrays containing value

Question

I have an array of objects, each containing arrays and I want to merge them if each array contains display: true. I'm very new to array manipulation, and a nudge in the correct way would be very much appreciated.

Example array:

{
    "first": [
        {
            "name": "John",
            "surname": "Doe",
            "display": true
        },
        {
            "name": "Jane",
            "surname": "Doe",
            "display": false
        }
    ],
    "second": [
        {
            "name": "Sarah",
            "surname": "Doe",
            "display": true
        }
    ]
}

Example of expected result:

[
    {
        "name": "John",
        "surname": "Doe",
        "display": true
    },
    {
        "name": "Sarah",
        "surname": "Doe",
        "display": true
    }
]

I already have javascript code to set each display key to true/false based on search query. I just need the array merged to match the expected result.

Nina Scholz · Accepted Answer · 2022-03-19 10:38:22Z

2

You could get all values and filter the flat array.

const
    data = { first: [{ name: "John", surname: "Doe", display: true }, { name: "Jane", surname: "Doe", display: false }], second: [{ name: "Sarah", surname: "Doe", display: true }] },
    result = Object
        .values(data)
        .flat()
        .filter(({ display }) => display);
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Mar 19, 2022 at 10:38

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

KooiInc · Accepted Answer · 2022-03-21 14:21:49Z

0

Use a reducer and filter the values within on the display property value. Finally flatten the result:

const mergedByDisplay = Object.entries({
    "first": [{
        "name": "John",
        "surname": "Doe",
        "display": true
      },
      {
        "name": "Jane",
        "surname": "Doe",
        "display": false
      }
    ],
    "second": [{
      "name": "Sarah",
      "surname": "Doe",
      "display": true
    }]
  })
  .reduce((acc, [_, val]) => [...acc, val.filter(v => v.display)], [])
  .flat();
console.log(mergedByDisplay);

.as-console-wrapper { max-height: 100% !important; top: 0; }

edited Mar 21, 2022 at 14:21

answered Mar 19, 2022 at 10:46

KooiInc

124k32 gold badges145 silver badges181 bronze badges

Collectives™ on Stack Overflow

Merge array of arrays containing value

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related