Update the value of a key in an object

Question

Update the value of a key in an object

I'm working with a map over an object containing an array of objects.

Object.values(props.roleRateOptions).map(el => {
  el.push(shift.roleRate);
  return el;
})

The resulting array of objects looks like this:

[ {id:1},{id:2},{label:3} ]

The issue arises when I use push(shift.roleRate), as it assigns a value of label instead of id. How can I change this to id? Is there any workaround, such as assigning a new id value if changing the existing one is not possible? Thank you in advance!

javascript arrays object

Answer 1

Answer №1

One way to update that particular value is by using an IIFE:

 el.push((({ label, ...rest }) => ({ id: label, ...rest }))(shift.roleRate));

Alternatively, you can duplicate the property like this:

 shift.roleRate.id = shift.roleRate.label;
 el.push(shift.roleRate);

Answer 2

One way to update that particular value is by using an IIFE:

 el.push((({ label, ...rest }) => ({ id: label, ...rest }))(shift.roleRate));

Alternatively, you can duplicate the property like this:

 shift.roleRate.id = shift.roleRate.label;
 el.push(shift.roleRate);

Answer 3

Answer №2

If you need to change the structure of an array's objects, you can use the map method:

var items = [{name:"apple"},{name:"banana"},{category:"fruit"}];

var updatedItems = items.map(item => ({ item_name: item.name || item.category }));

console.log(updatedItems);

Answer 4

If you need to change the structure of an array's objects, you can use the map method:

var items = [{name:"apple"},{name:"banana"},{category:"fruit"}];

var updatedItems = items.map(item => ({ item_name: item.name || item.category }));

console.log(updatedItems);

Update the value of a key in an object

Answer №1

Answer №2

Similar questions

Incorporating commas as a number is typed by the user, such as 1,000, 10,000, 100,000, 1,000,000, 10,000,000,

Attempting to divide a sentence based on the specified output criteria below

Use the Google Maps API to dynamically add a marker via AJAX once the map has been initialized

Using ReactJS to dynamically append tags and content to react-dom and then refresh

Oops! The function exercises.slice is causing an error - it seems it's not recognized as a valid function

Is there a way to conceal a div class on the Payment page in Shopify?

Error in server file of NextJS due to Typescript issue

Creating Immersive Web Pages

Tips and tricks for selecting a specific element on a webpage using jQuery

Angular is having trouble parsing Json data which is resulting in a blank screen

In search of a TypeScript solution for type guarding

Using Node.js to extract text from a local file on Azure using OCR technology

What is the best way to save the response data into an array outside of the current function in Node.js?

The Node.js Express Server runs perfectly on my own machine, but encounters issues when deployed to another server

The server-side PHP script may not always successfully respond to an Ajax call from the client

JavaScript - Fetch POST request is being terminated - Windows Error 10053

Check to see if the specified value is present within the array of embedded documents for the user

What is the best way to utilize props in ReactJS to establish a condition that enables me to modify the state of my application?

Deactivating choices in Autoselect from Material UI

Can the MUI lineplot graph be made to appear smoother?