0

I am trying to change keys of some of the values in JavaScript and maintain other keys as same

this is what i tried

const xHeading = "State", yHeading = "Value"; //The key percentage can change dynamically const data = [{name: "California", y: 1079, percentage: 14.97}, {name: "Florida", y: 874, percentage: 12.12}, {name: "Texas", y: 770, percentage: 10.68}, {name: "New York", y: 523, percentage: 7.25}, {name: "Arizona", y: 430, percentage: 5.96}]; // this is what i tried const exportData = data.map((item) => { const { name, y, z, ...noA } = item; return data.map((item) => ({ [xHeading]: name, [yHeading]: y, ...noA, })); }); //output: The keys are changing but its creating multiple arrays // Expected Output [{State: "California", Value: 1079, percentage: 14.97}, {State: "Florida", Value: 874, percentage: 12.12}, {State: "Texas", Value: 770, percentage: 10.68}, {State: "New York", Value: 523, percentage: 7.25}, {State: "Arizona", Value: 430, percentage: 5.96}];
Improve this question
1
  • 1
    you're calling .map twice where you only need to call it once Commented Dec 29, 2020 at 12:28

1 Answer 1

Reset to default
1

You could use Array.prototype.map() method. Traverse the array using map method and change the required keys.

const data = [ { name: 'California', y: 1079, percentage: 14.97 }, { name: 'Florida', y: 874, percentage: 12.12 }, { name: 'Texas', y: 770, percentage: 10.68 }, { name: 'New York', y: 523, percentage: 7.25 }, { name: 'Arizona', y: 430, percentage: 5.96 }, ]; const xHeading = 'State'; const yHeading = 'Value'; const ret = data.map(({ name, y, ...rest }) => ({ [xHeading]: name, [yHeading]: y, ...rest, })); console.log(ret);

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

4 Comments

The OP knows about .map - they're just using it wrong.
@Alnitak, Sorry my mistake. I hadn't seen it.
Thank you, This works good if xHeading and yHeading are not variables but directly added to .map function. but the xHeading and yHeading change based on data
@RizwanAhmedShivalli check the updated code.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.