How to get all specific values from an array of objects with nested arrays of objects?

Question

I have an array:

   const arr = [
  {
    name: "name 1",
    dontShow: true,
    children: [
      {
        name: "name 2",
        key4: 4,
        dontShow: false,
        children: [],
      },
    ],
  },
  {
    name: "name 3",
    dontShow: false,
    children: [
      {
        name: "name 4",
        dontShow: true,
        children: [
          {
            name: "name 5",
            dontShow: false,
            children: null,
          },
        ],
      },
    ],
  },
];

I need an array of names from every object, except those that have property dontShow: true So from that example I would expect such array:

["name2", "name3", "name5"]

Basically, I need to get a flat array from tree-like structure, lodash/underscore solutions would be also great, I just didn't find them

Code Maniac · Accepted Answer · 2020-04-08 14:00:54Z

1

You can use a recursive function

const arr = [{ name: "name 1", dontShow: true, children: [{  name:"name 2", key4: 4, dontShow: false, children: [], }, ],},{name: "name 3",dontShow: false,children: [{ name: "name 4", dontShow: true, children: [{ name: "name 5", dontShow: false, children: null,},],}, ],},];

let final = (arr, result = []) => {
  if (Array.isArray(arr)) {
    arr.forEach(obj => {
      if (!obj.dontShow) {
        result.push(obj.name)
      }
      if (Array.isArray(obj.children)) {
        final(obj.children, result)
      }
    })
  }
  return result
}

console.log(final(arr))

answered Apr 8, 2020 at 14:00

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

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

Comments

Nina Scholz · Accepted Answer · 2020-04-08 14:03:43Z

0

You could get a flat array of names with a look to dontShow.

const
    getNames = array => array.flatMap(({ name, dontShow, children }) => [
        ...(dontShow ? [] : [name]),
        ...getNames(children || [])
    ]),
    array = [{ name: "name 1", dontShow: true, children: [{ name: "name 2", key4: 4, dontShow: false, children: [] }] }, { name: "name 3", dontShow: false, children: [{ name: "name 4", dontShow: true, children: [{ name: "name 5", dontShow: false, children: null, }] }] }],
    result = getNames(array);

console.log(result);

answered Apr 8, 2020 at 14:03

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Collectives™ on Stack Overflow

How to get all specific values from an array of objects with nested arrays of objects?

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