Home > front end >  Creating Object Using Array Elements without overwriting Existing Keys
Creating Object Using Array Elements without overwriting Existing Keys

Time:05-21

I trying to creating an object from an array that contains many arrays. The array element are to be nested keys of object for each other, only if the key has not be created initially. That is, it should not overwrite key and should also maintained key index.

Example is this -


const MainArray = [
                    {
                      key: ['name', 'dog', 'feature', 'hairy'],
                      value1:1 , 
                      value2:2
                     },
                    {
                      key: ['name', 'dog', 'eye', 'brown'],
                      value1:1 , 
                      value2:2
                     }, 
                    {
                      key: ['kind', 'human', 'class', 'man', 'height', 'tall'],
                      value1:'Mike' , 
                      value2:'John'
                     }, 
                     {
                      key: ['kind', 'human', 'class', 'woman', 'hobby'],
                      value1:'Cyling' , 
                      value2:'Tennis'
                     }, 

                ]


const requiredObject = 
                     {

                      name:{
                          dog :{
                            feature:{
                                   hairy :{value1:1, value2:2}
                            },
                            eye:{
                                brown:{value1:1, value2:2}
                             }
                           }
                        },
                        kind:{
                           human:{
                              class:{
                                   man:{
                                      height:{
                                        tall:{value1:'Mike', value2:'John'}
                                      }
                                   },
                                   woman:{
                                       hobby:{value1:'Cyling', value2: 'Tennis'}
                                   } 
                                }
                            }
                         }

                     }

How can I go from MainArray to requireObject

CodePudding user response:

You can use array.reduce() to build a new object by traversing key arrays using another array.reduce(). Try:

const MainArray = [
    {
      key: ['name', 'dog', 'feature', 'hairy'],
      value1:1 , 
      value2:2
     },
    {
      key: ['name', 'dog', 'eye', 'brown'],
      value1:1 , 
      value2:2
     }, 
    {
      key: ['kind', 'human', 'class', 'man', 'height', 'tall'],
      value1:'Mike' , 
      value2:'John'
     }, 
     {
      key: ['kind', 'human', 'class', 'woman', 'hobby'],
      value1:'Cyling' , 
      value2:'Tennis'
     }
];


const result = MainArray.reduce((acc, cur) => {
    let { key, ...data } = cur;
    let lastIndex = key.length - 1;

    key.reduce((obj, k, index) => {
        obj[k] = obj[k] || (index === lastIndex ? {...data}  : {});
        return obj[k];
    }, acc);

    return acc;
}, {});

console.log(result);

  • Related