How to rename object property in javascript?

Question

I have got a nested object. I want to rename the object properties.

  {
     0: {value: "can_view"},
     1: {value: "can_create"}
  }

My output would be:

  {
     user_can: "can_view",
     user_view: "can_create"
  }

Does this answer your question? [JavaScript: Object Rename Key](https://stackoverflow.com/questions/4647817/javascript-object-rename-key) — RobC, Mar 26 '20 at 16:08
Where are you getting those new key names from, and how do they match up with the values? They make no sense. — Andy, Mar 26 '20 at 16:16

Maheer Ali · Answer 1 · 2020-03-26T16:20:14.783

4

You can do that in three steps:

Get the entries using Object.entries()
Use map() on it and replace each key with the desired value
Convert it back to object using Object.fromEntries()

const obj = {
  0: {value: "can_view"},
  1: {value: "can_create"}
}
const res = Object.fromEntries(Object.entries(obj).map(([k, v]) => [v.value, v.value]));
console.log(res)

edited Mar 26 '20 at 16:20

answered Mar 26 '20 at 16:10

Maheer Ali

35,834
5
42
73

The OP changed the output they wanted. – Andy Mar 26 '20 at 16:16

Ranch Camal · Answer 2 · 2020-03-26T16:32:12.627

1

Improving Maheer Ali's answer. Here you go:

const obj = {
      0: {value: "can_view"},
      1: {value: "can_create"}
    }
    var res = Object.fromEntries(Object.entries(obj).map(([k, v]) => [v.value.replace("can", "user"), v.value]));
    
    var myResutls = JSON.stringify(res).replace(/"(\w+)"\s*:/g, '$1:');
    console.log(myResutls);
    alert(myResutls)

OUTPUT:

  {
   user_view: "can_view",
   user_create: "can_create"
  }

edited Mar 26 '20 at 16:32

answered Mar 26 '20 at 16:25

Ranch Camal

501
1
4
12

If you want to go back to JSON object then you need to do this: var obj = JSON.parse(myResults); – Ranch Camal Mar 26 '20 at 16:34

How to rename object property in javascript?

2 Answers2