How to change object key in react

Question

I have an object like

{Text Field 1: {fieldName: "Text Field 1", fieldType: "text", data: "custom value"},
Text Field 2: {fieldName: "Text Field 3", fieldType: "text", data: "new value "},
Text Field 3: {fieldName: "test kuyans 2", fieldType: "dropdown", value: Array(2), data: "value"}

I want to change it keys

Text Field 1 , Text Field 2, Text Field 3 to string 1, string 2, string 3.

Final result will be

{string 1: {fieldName: "Text Field 1", fieldType: "text", data: "custom value"},
string 2: {fieldName: "Text Field 3", fieldType: "text", data: "new value "},
string 3: {fieldName: "test kuyans 2", fieldType: "dropdown", value: Array(2), data: "value"}

Could someone please help me how to resolve this issue .

Thanks

code

Object.fromEntries(
    Object.entries(JSON.parse(item.optional_fields)).map(([key, value]) =>
      // Modify key here
      [`${headerProjectFloor[index]}`, value]
    )
  )

Welcome to Stack Overflow! Can you please share your code and specify which part of your code didn't work for you? — Ozgur Sar, Nov 17 '20 at 16:59
https://stackoverflow.com/questions/4647817/javascript-object-rename-key check this — sharun k k, Nov 17 '20 at 17:00
Do you want to mutate the object or create a new object with different keys? Also: Why is this tagged with `reactjs`? — trixn, Nov 17 '20 at 17:02

score 0 · Answer 1 · answered Nov 17 '20 at 17:03

0

obj['string 1'] = obj['Text Field 1']; // Assign new key 
delete obj['Text Field 1']; // Delete old key

answered Nov 17 '20 at 17:03

Tushar Kale

159
1
12

score 0 · Accepted Answer · answered Nov 17 '20 at 17:06

0

Using array reduce method you can do that,

var res = Object.keys(obj).reduce((prev, curr, index) => { return {...prev, ['string '+(index+1)]: obj[curr]}}, {});
console.log(res);

answered Nov 17 '20 at 17:06

Md Sabbir Alam

4,937
3
15
30

How to change object key in react

2 Answers2