how to overwrite the existing object using javascript

Question

I would like to know how to add existing matched values in object and add the remaining values in javascript for example, i need to merge_obj with my_obj having id '1' , matched values targetAmount only replace and remaining properties need to add

I tried

var filtervalue = my_obj.filter((e)=>e.id == "1").map((e)=>Object.assign({},e[0], merge_obj));

const merge_obj = {
  targetAmount: 50688.97,
  type: "REGULAR"
}

const my_obj = [
  {
    id: "1",
    logo: "img1.png",
    name: "fund",
    speed: "1 Days",
    targetAmount: "2000"
  },
  {
    id: "2",
    logo: "img2.png",
    name: "transfer",
    speed: "1 Days",
    targetAmount: "3000"
  },
]


Expected Output:
var my_obj = [
{
    id: "1",
    logo: "img1.png",
    name: "fund",
    speed: "1 Days",
    targetAmount: 50688.97,
    type: "REGULAR",
  },
  {
    id: "2",
    logo: "img2.png",
    name: "transfer",
    speed: "1 Days",
    targetAmount: "3000",
  },
]

wentjun · Accepted Answer · 2019-03-26 02:21:32Z

2

This can be achieved my using the array map method to iterate through the array of objects, checking if the id is equivalent to '1', followed by using ES6's spread syntax to 'merge' the objects.

const result = my_obj.map(obj => {
  if (obj['id'] === '1') {
    return {...obj, ...merge_obj}
  } else {
    return obj;
  }
})

console.log(result)

Also, just a quick advice, try to use const and let instead of var!

edited Mar 26, 2019 at 2:21

answered Mar 26, 2019 at 2:10

wentjun

42.8k10 gold badges108 silver badges116 bronze badges

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

Comments

Jack Bashford · Accepted Answer · 2019-03-26 01:48:46Z

0

Just merge the first one by checking id:

var my_obj = [{
    id: "1",
    logo: "img1.png",
    name: "fund",
    speed: "1 Days",
    targetAmount: "2000"
  },
  {
    id: "2",
    logo: "img2.png",
    name: "transfer",
    speed: "1 Days",
    targetAmount: "3000"
  },
]

var merge_obj = {
  targetAmount: 50688.97,
  type: "REGULAR"
};

var new_obj = my_obj.map(e => {
  if (e.id == "1") {
    Object.keys(merge_obj).forEach(key => e[key] = merge_obj[key]);
  }
  return e;
});
console.log(new_obj);

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

answered Mar 26, 2019 at 1:48

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

Comments

charlietfl · Accepted Answer · 2019-03-26 01:55:13Z

0

If you want to mutate the original just loop over your array and assign directly

var my_obj = [{
    id: "1",
    logo: "img1.png",
    name: "fund",
    speed: "1 Days",
    targetAmount: "2000"
  },
  {
    id: "2",
    logo: "img2.png",
    name: "transfer",
    speed: "1 Days",
    targetAmount: "3000"
  },
]

var merge_obj = {
  targetAmount: 50688.97,
  type: "REGULAR"
};

my_obj.forEach(e=> {if(e.id==='1') Object.assign(e, merge_obj)})

console.log(my_obj)

answered Mar 26, 2019 at 1:55

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Comments

Prithviraj Sahu · Accepted Answer · 2019-03-26 02:05:40Z

0

Change the object accessor in the map function from e[0] to e only, and check if that works. i.e.

var filtervalue = myList.filter((e)=>e.id == "1").map((e)=>Object.assign({}, e, merge_obj));

Also, you need to check your variable names properly whether its my_obj or myList.

answered Mar 26, 2019 at 2:05

Prithviraj Sahu

2141 silver badge5 bronze badges

Collectives™ on Stack Overflow

how to overwrite the existing object using javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related