how to rename the object key in nested array of object in javascript dynamically

Question

I need to rename the object key name dynamically in a nested array of object JavaScript, I had tried with this code. This also I got from Stack Overflow only but this is not working that means it checking first level only not doing deep replacing.

const node = {
  'id': 'de603a3e',
  'name': 'erewr',
  'subGroups': [
     {
        'id': '83d7c7e4',
        'name': 'dfds',
        'subGroups': [ ]
     },
     {
        'id': '050cde96',
        'name': 'tetwet',
        'subGroups': [ ]
     },
     {
        'id': 'd67cc4e8',
        'name': 'wewqe',
        'subGroups': [
           {
              'id': '553c301d',
              'name': 'ewqe',
              'subGroups': [

              ]
           }
        ]
     },
     {
        'id': '5d5ae5f2',
        'name': 'rwq',
        'subGroups': [
           {
              'id': 'ff29ad54',
              'name': 'wqe',
              'subGroups': [

              ]
           },
           {
              'id': '5d013943',
              'name': 'weqe',
              'subGroups': [

              ]
           }
        ]
     }
  ]
}

console.log(renameKey(node, { subGroups: 'subordinates' }))

renameKey(obj, keysMap) { 
    return transform(obj, function(result, value, key) { 
      const currentKey = keysMap[key] || key; 
      result[currentKey] = isObject(value) ? this.renameKey(value, keysMap) : value; 
    });
  }

I am using this code in TypeScript. note : transform and isObject are lodash

I am getting error ERROR TypeError: Cannot read property 'replaceKeysDeep' of undefined

Does this answer your question? Renaming object keys recursively — Heretic Monkey
– Heretic Monkey, Commented Jun 1, 2020 at 15:32

Tércio Garcia · Accepted Answer · 2020-06-01 16:18:17Z

5

This should work

function renameKeys(node, keysMaps) {
    if(!isObject(node)) return node
    if(Array.isArray(node)) return node.map(item => renameKeys(item, keysMaps))

    return Object.entries(node).reduce((result, [key, value]) => {
        const newKey = keysMaps[key] || key;
        return {
            ...result,
            [newKey]: renameKeys(value, keysMaps)

        };
    }, {});
}

edited Jun 1, 2020 at 16:18

answered Jun 1, 2020 at 15:51

Tércio Garcia

4373 silver badges9 bronze badges

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

Comments

Vijay Yadav · Accepted Answer · 2020-06-01 15:41:09Z

2

const node = {
  'id': 'de603a3e',
  'name': 'erewr',
  'subGroups': [
     {
        'id': '83d7c7e4',
        'name': 'dfds',
        'subGroups': [ ]
     },
     {
        'id': '050cde96',
        'name': 'tetwet',
        'subGroups': [ ]
     },
     {
        'id': 'd67cc4e8',
        'name': 'wewqe',
        'subGroups': [
           {
              'id': '553c301d',
              'name': 'ewqe',
              'subGroups': [

              ]
           }
        ]
     },
     {
        'id': '5d5ae5f2',
        'name': 'rwq',
        'subGroups': [
           {
              'id': 'ff29ad54',
              'name': 'wqe',
              'subGroups': [

              ]
           },
           {
              'id': '5d013943',
              'name': 'weqe',
              'subGroups': [

              ]
           }
        ]
     }
  ]
}

console.log(renameKey(node, { subGroups: 'subordinates' }))

function renameKey(obj, keysMap) { 
    return _.transform(obj, function(result, value, key) { 
      const currentKey = keysMap[key] || key; 
      result[currentKey] = _.isObject(value) ? renameKey(value, keysMap) : value; 
    });
  }

<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>

answered Jun 1, 2020 at 15:41

Vijay Yadav

443 bronze badges

2 Comments

user9361329 Over a year ago

this only I added previously it not working for me. this the solution they gave previously

Vijay Yadav Over a year ago

This is edit on ur original code. renameKey was not prefixed with function and in recursion it was calling with this.renameKey. It would be renameKey only. The above code works fine without error if you run the snippet.

Collectives™ on Stack Overflow

how to rename the object key in nested array of object in javascript dynamically

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related