Javascript update Object attribute value

Question

I´m trying to update the object atribute:

   data : [
     {"id":1,"rp":"2426","cr":"11-11"},
     {"id":1,"rp":"1119","cr":"19-21"},
     {"id":1,"rp":"3453","cr":"23-81"}
    ]

new object would be updated as below.

NewData: [
 {"id":1,"rp":"2426","cr":"11/11"},
 {"id":1,"rp":"1119","cr":"19/21"},
 {"id":1,"rp":"3453","cr":"23/81"}
]

I looking to update the object cr atribute for all values, for example using javascript.replace() method, I would do replace("-","/").

kind user · Accepted Answer · 2018-11-30 18:50:06Z

2

That's just a simple usage of Array#map and String#replace:

ES2018

const data = [{"id":1,"rp":"2426","cr":"11-11"},{"id":1,"rp":"1119","cr":"19-21"},{"id":1,"rp":"3453","cr":"23-81"}]

const r = data.map(({ cr, ...rest }) => ({ cr: cr.replace('-', '/'), ...rest }));

console.log(r);

edited Nov 30, 2018 at 18:50

answered Nov 30, 2018 at 18:35

kind user

42k8 gold badges69 silver badges78 bronze badges

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

3 Comments

Felix Kling Over a year ago

Maybe worth noting that rest/spread properties are part of ES2018, not ES2015.

Felix Kling Over a year ago

Now it looks like you claim your solution can be used with ES2015 and ES2016. But as I said, object rest/spread is ES2018.

kind user Over a year ago

@FelixKling As you wish

Nenad Vracar · Accepted Answer · 2018-11-30 18:35:21Z

1

You could use map method to create new array and replace to update cr property.

var data = [{"id":1,"rp":"2426","cr":"11-11"},{"id":1,"rp":"1119","cr":"19-21"},{"id":1,"rp":"3453","cr":"23-81"}]
var update = data.map(({cr, ...rest}) => ({...rest, cr: cr.replace("-","/")}))
console.log(update)

answered Nov 30, 2018 at 18:35

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

Comments

Nina Scholz · Accepted Answer · 2018-11-30 18:35:15Z

1

You could iterate and map the array.

var data = [{ id: 1, rp: "2426", cr: "11-11" }, { id: 1, rp: "1119", cr: "19-21" }, { id: 1, rp: "3453", cr: "23-81" }],
    newArray = data.map(o => Object.assign({}, o, { cr: o.cr.replace("-","/") }));

console.log(newArray);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Nov 30, 2018 at 18:35

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

Code Maniac · Accepted Answer · 2018-11-30 18:37:16Z

0

You can try this

let data = [
     {"id":1,"rp":"2426","cr":"11-11"},
     {"id":1,"rp":"1119","cr":"19-21"},
     {"id":1,"rp":"3453","cr":"23-81"}
    ];
    
    
let newData = data.map(e=>{
  e.cr = e.cr.replace(/-/, '/')
  return e
})

console.log(newData)

answered Nov 30, 2018 at 18:37

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

Comments

Kaashan · Accepted Answer · 2018-11-30 18:37:31Z

0

Just try below

data.forEach(function(object){
    object["cr"] = object["cr"].replace("-","/");
});

answered Nov 30, 2018 at 18:37

Kaashan

3821 gold badge4 silver badges12 bronze badges

Comments

Intervalia · Accepted Answer · 2018-11-30 18:43:56Z

0

Try this:

const data = [
  {"id":1,"rp":"2426","cr":"11-11"},
  {"id":1,"rp":"1119","cr":"19-21"},
  {"id":1,"rp":"3453","cr":"23-81"}
];

const newData = data.map(item => ({...item, cr: item.cr.replace(/-/g, '/')}));

console.log(newData);

If you need it to work in IE11:

const data = [
  {"id":1,"rp":"2426","cr":"11-11"},
  {"id":1,"rp":"1119","cr":"19-21"},
  {"id":1,"rp":"3453","cr":"23-81"}
];

const newData = data.map(
  function(item) {
    return {
      id: item.id,
      rp: item.rp,
      cr: item.cr.replace(/-/g, '/')
    }
  }
);

console.log(newData);

edited Nov 30, 2018 at 18:43

answered Nov 30, 2018 at 18:37

Intervalia

11.1k2 gold badges35 silver badges71 bronze badges

2 Comments

Jonas Wilms Over a year ago

This looks as if it would be pure, but it actually isnt.

Intervalia Over a year ago

Updated to not affect original obj

Khushali jasoliya · Accepted Answer · 2018-11-30 18:58:52Z

0

const data = [{"id":1,"rp":"2426","cr":"11-11"},{"id":1,"rp":"1119","cr":"19-21"},{"id":1,"rp":"3453","cr":"23-81"}]

const r = JSON.parse(JSON.stringify(data).replace(/-/g,'/'))
console.log(r);

edited Nov 30, 2018 at 18:58

answered Nov 30, 2018 at 18:53

Khushali jasoliya

3702 silver badges8 bronze badges

Collectives™ on Stack Overflow

Javascript update Object attribute value

7 Answers 7

3 Comments

Comments

Comments

Comments

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

3 Comments

Comments

Comments

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related