how to flat nested objects keys with reactJS

Question

Hi everyone I have following code

I want to show my DefaultValue nested objects like this

["DefaultValue", "DefaultValue", "DefaultValue","DefaultValue","DefaultValue","DefaultValue"]

I have following data from backend:

    const data = [
     {
      id: 243,
      Name: "test",
      type: "checkbox",
      DefaultValue: {
        DefaultValue: {
          DefaultValue: {
            DefaultValue: {
              DefaultValue: {
                DefaultValue: ["a"]
              }
            }
          }
        }
      }
     }
    ];

So I am trying to do following, but it's not works, its says like Cannot convert undefined or null to object

    const innerObject = o => {
     return Object.keys(o).reduce(function (r, k) {
      return typeof o[k] === 'object' ? innerObject(o[k]) : ((r[k] = o[k]), r);
     }, {});
    };

Please help me to resolve this problem.

First, your question is a bit unclear. Second, array is of type "object". Third, you are overwriting values and not adding in various levels — Rajesh Dixit
– Rajesh Dixit, Commented Sep 7, 2022 at 10:31
Another issue with your code for which you are getting error is that data is an array. So data.DefaultValue is undefined. You will have to do data[0].DefaultValue For your reference: codesandbox.io/s/weathered-sunset-m7q9yp — Rajesh Dixit
– Rajesh Dixit, Commented Sep 7, 2022 at 10:37
Thanks for notes. So backend is returning me data which have nested defaultValue objects (some time it can be nested 5 times another time 3 time ..etc) ....I need just understand the count and print them in array like this ["DefaultValue", "DefaultValue", "DefaultValue","DefaultValue","DefaultValue","DefaultValue"] — someone
– someone, Commented Sep 7, 2022 at 10:42
in my case it nested 6 times, that why I am printing array which have 6 defaultvalue — someone
– someone, Commented Sep 7, 2022 at 10:44
So to understand correct, you only care about DefaultValue? or all keys in general — Rajesh Dixit
– Rajesh Dixit, Commented Sep 7, 2022 at 10:46

Arijit · Accepted Answer · 2022-09-07 10:53:47Z

1

you can try this:

const data = [
     {
      id: 243,
      Name: "test",
      type: "checkbox",
      DefaultValue: {
        DefaultValue: {
          DefaultValue: {
            DefaultValue: {
              DefaultValue: {
                DefaultValue: ["a"]
              }
            }
          }
        }
      }
     }
    ];
    
    const makeArr = (obj, arr = []) =>{
        if(typeof obj === 'object' && obj !== null){
            arr.push('DefaultValue');
           return makeArr(obj.DefaultValue, arr)
        }else{
            return arr;
        }
    }
    
    console.log(makeArr(data[0].DefaultValue))

answered Sep 7, 2022 at 10:53

Arijit

1341 silver badge8 bronze badges

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

Collectives™ on Stack Overflow

how to flat nested objects keys with reactJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related