Breaking News: Grepper is joining You.com. Read the official announcement!

change property name of object in array javascript

Add Answer

Ill Impala answered on April 13, 2022 Popularity 5/10 Helpfulness 1/10

answer change property name of object in array javascript

related change property name of object in array javascript

related change property in array of objects javascript

related change property name of object in array javascript

change property name of object in array javascript

Comment

const columns = [
    { name: 'OrderNumber', title: 'Order Number' },
    { name: 'strawberry', title: 'Strawberry' },
    { name: 'vanilla', title: 'Vanilla' }
]

const options = columns.map(function(row) {

   // This function defines the "mapping behaviour". name and title 
   // data from each "row" from your columns array is mapped to a 
   // corresponding item in the new "options" array

   return { value : row.name, label : row.title }
})

/*
options will now contain this:
[
    { value: 'OrderNumber', label: 'Order Number' },
    { value: 'strawberry', label: 'Strawberry' },
    { value: 'vanilla', label: 'Vanilla' }
];
*/

Popularity 5/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript object

Link to this answer
Share Copy Link

Contributed on Jan 12 2023

Ill Impala

0 Answers Avg Quality 2/10

Closely Related Answers

change property name of object in array javascript

Comment

const columns = [
    { name: 'OrderNumber', title: 'Order Number' },
    { name: 'strawberry', title: 'Strawberry' },
    { name: 'vanilla', title: 'Vanilla' }
]

const options = columns.map(function(row) {

   // This function defines the "mapping behaviour". name and title 
   // data from each "row" from your columns array is mapped to a 
   // corresponding item in the new "options" array

   return { value : row.name, label : row.title }
})

/*
options will now contain this:
[
    { value: 'OrderNumber', label: 'Order Number' },
    { value: 'strawberry', label: 'Strawberry' },
    { value: 'vanilla', label: 'Vanilla' }
];
*/

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: object javascript ob

Link to this answer
Share Copy Link

Contributed on Jun 02 2022

Naughty Nightingale

0 Answers Avg Quality 2/10

change property in array of objects javascript

Comment

//change in array itself without need to another one 
arr.map(el =>{ el.bar == 1 && el.baz--} ); // don't forget {} in arrow function

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Apr 13 2022

Salsabeel woh woh

0 Answers Avg Quality 2/10

change property name of object in array javascript

Comment

const columns = [
    { name: 'OrderNumber', title: 'Order Number' },
    { name: 'strawberry', title: 'Strawberry' },
    { name: 'vanilla', title: 'Vanilla' }
];

const newColumns = columns.map( item => {
  const { name: value, ...rest } = item;
  return { value, ...rest }
 }
);

console.log( newColumns );
 Run code snippet

Popularity 7/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: object javascript

Link to this answer
Share Copy Link

Contributed on Jun 02 2022

Naughty Nightingale

0 Answers Avg Quality 2/10

change property name of object in array javascript

Contents

More Related Answers

change property name of object in array javascript

Closely Related Answers

change property name of object in array javascript

change property in array of objects javascript

change property name of object in array javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.