How to rename key of object in an array

Question

How to replace array element value with another

i have array like this, without using jquery

 this.products = [
      { 
        text: 'prod1', 
        value: 1 
      },
      { 
        text: 'prod2', 
        value: 2 
      },
      { 
        text: 'prod3', 
        value: 3 
      }
 ];

i want to replace 'text' to 'label'

`products.map(prod => { return { label: prod.text, value: prod.value }; })` — haim770, Dec 04 '17 at 11:58
Possible duplicate of [JavaScript: Object Rename Key](https://stackoverflow.com/questions/4647817/javascript-object-rename-key) — Rudresha Parameshappa, Dec 04 '17 at 12:02
Try this `var result = products.map(({text, value}) => ({label: text, value}));` — Hassan Imam, Dec 04 '17 at 12:16

score 6 · Accepted Answer · answered Dec 04 '17 at 12:11

How about this?

var products = [{
    text: 'prod1',
    value: 1
  },
  {
    text: 'prod2',
    value: 2
  }, {
    text: 'prod3',
    value: 3
  }
];

products.forEach(function(obj) {
  obj.label = obj.text;
  delete obj.text;
});
console.log(products);

score 5 · Answer 2 · answered Feb 17 '20 at 17:07

5

using ES6:

const updatedProducts = products.map(({text: label, value})=>({value, label}));

answered Feb 17 '20 at 17:07

Gnun Ulikhanyan

81
1
3

score 2 · Answer 3 · answered Mar 08 '21 at 07:35

There are many ways using map in ES6



    var products = [
          { 
            text: 'prod1', 
            value: 1 
          },
          { 
            text: 'prod2', 
            value: 2 
          },
          { 
            text: 'prod3', 
            value: 3 
          }
     ];

    const newProducts = products.map(({text: label, value})=>({value, label}));
    console.log(newProducts );

    console.log("===================Another  Method====================")


    products.map((el)=>{
    el.label = el.text
    delete el.text
    })

    console.log(products);

How to rename key of object in an array

3 Answers3

Related