How to get keys and sub keys from the array of object?

user_9071264 0
Viewed 659

I have below array of objects.

const array = [{
  field1: "val1",
  field2: "val2",
  field3: {
    field1: "val1",
    field2: "val2"
  }
},
{
  field1: "val1",
  field2: "val2",
  field3: {
    field1: "val1"
  }
}]

I need to get below output

const output = [{
  key: "field1",
  subkeys: []
},
{
  key: "field2",
  subkeys: []
},
{
  key: "field3",
  subkeys: ["field1", "field2"]
}]

I can get the top level field using this

const keys = array.map(x => Object.keys(x)[0]);

But not able to access the inner ones.

Kindly help... Thanks!!!

object dictionary arrays javascript
4 Answers

You can reduce an array of Object keys on the top level and then check if value for this key is object - retrieve its nested keys, otherwise just leave the empty array of subkeys

const array = [{
  field1: "val1",
  field2: "val2",
  field3: {
    field1: "val1",
    field2: "val2"
  }
},
{
  field1: "val1",
  field2: "val2",
  field3: {
    field1: "val1"
  }
}]

const result = array.map(item => {
  return Object.keys(item).reduce((acc, rec) => {
    if(typeof item[rec] === 'object') {
      return [...acc, {key: rec, subkeys: Object.keys(item[rec])}] 
    }
    return [...acc, {key: rec, subkeys: []}]
  }, [])
})

console.log(result)

user_129984280

You could map for any depth by looking to nested objects.

const
    getKeys = object => Object.keys(object).map(key => ({ 
        key, 
        subkeys: object[key] && typeof object[key] === 'object'
            ? getKeys(object[key])
            : []
    })),
    array = [{ field1: "val1", field2: "val2", field3: { field1: "val1", field2: "val2" } }, { field1: "val1", field2: "val2", field3: { field1: "val1" } }];

console.log(array.map(getKeys));
.as-console-wrapper { max-height: 100% !important; top: 0; }

user_14476750

This solution uses the lodash library. I have extracted the variables for better readability. This solution will work for 2 levels

const array = [
    {"field1":"val1","field2":"val2","field3":{"field1":"val1","field2":"val2"}},
    {"field1":"val1","field2":"val2","field3":{"field1":"val1","field4":"val1"}}
];

intermediateOutput = array.reduce(
  (accumulator, entry) => _.merge(accumulator, entry),
{});
// intermediateOutput = {"field1":"val1","field2":"val2","field3":{"field1":"val1","field2":"val2","field4":"val1"}}

const finalOutput = _.map(_.keys(intermediateOutput), (key) => {
  const value = intermediateOutput[key];
  return {key, subkeys: _.isObject(value) ? _.keys(value): [] }
})

console.log(finalOutput);
// finalOutput = [{"key":"field1","subkeys":[]},{"key":"field2","subkeys":[]},{"key":"field3","subkeys":["field1","field2","field4"]}]
user_42533880 
const output = []
for (let [key, value] of Object.entries(array)) {
    const subkeys = Object.keys(value)
    output.push({key, subkeys})
}

Something like that?

user_102909180
Related