Update multiple object in an array

Question

I want to do bulk update to an array using typescript.

I did it by using for loop.

this.versions = [{ id: 1, VersionName: 'test1' }, { id: 2, VersionName: 'test2' }, { id: 3, VersionName: 'test3' }, { id: 4, VersionName: 'test4' }];
this.selectedVersions = [{ id: 2, VersionName: 'test2' }, { id: 3, VersionName: 'test3' }];
for (let i = 0; i < this.selectedVersions.length; i++) {
  this.versions = this._configuration.updateEveryObjectsByKey(this.versions, this.selectedVersions[i], "Id");
}

updateEveryObjectsByKey(listOfdata: any, data: any, key: string) {
  listOfdata = listOfdata.map(function (item) {
    return item[key] == data[key] ? data : item;
  })
  return listOfdata;
}

But I don't like to use for loop. So let me know how to do bulk update to array using typescript?

What about the question you asked 25 minutes ago ? It has 7 answers. — Jeremy Thille
– Jeremy Thille, Commented Oct 24, 2017 at 14:48
That's related with multiple delete by using findIndex or filter. But this multiple update by using map or else. So I have asked separate question . — Ramesh Rajendran
– Ramesh Rajendran, Commented Oct 24, 2017 at 14:49
Your current code doesn't actually modify the original objects. Instead it will completely replace the original object with the new object from selectedVersions. Is this a functionality you want to keep? — BeetleJuice
– BeetleJuice, Commented Oct 24, 2017 at 14:58
There's a big difference between update and replace, for example you have { id: 0, a: 2, b: 3 }. Update with { id: 0, a: 3 } will result in { id: 0, a: 3, b: 3 } while replace will result in { id: 0, a: 3 }. — cyr_x
– cyr_x, Commented Oct 24, 2017 at 15:07

Faly · Accepted Answer · 2017-10-24 14:58:11Z

9

You can use ES6's Object.assign, array.find and array.map :

var versions = [{ id: 1, VersionName: 'test1' }, { id: 2, VersionName: 'test2' }, { id: 3, VersionName: 'test3' }, { id: 4, VersionName: 'test4' }];
var selectedVersions = [{ id: 2, VersionName: 'test2 update' }, { id: 3, VersionName: 'test3' }];
var key = "id";
versions = versions.map(el => {
  var found = selectedVersions.find(s => s[key] === el[key]);
  if (found) {
      el = Object.assign(el, found);
  }
  return el;
});
console.log(versions);

edited Oct 24, 2017 at 14:58

answered Oct 24, 2017 at 14:49

Faly

13.4k2 gold badges21 silver badges39 bronze badges

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

3 Comments

BeetleJuice Over a year ago

In this solution, the key used to compare is hardcoded to id whereas the OP sets it dynamically in the current code.

Ramesh Rajendran Over a year ago

@BeetleJuice What is exactly am typing. I want to it by using key instead of id. because I would use this method as a common method. :)

Ramesh Rajendran Over a year ago

So I think I need to change s.id === el.id to s[key] === el[key]??

Deathstalker · Accepted Answer · 2020-11-06 16:52:36Z

1

Simple solution to a potentially complex problem.

           $scope.model.ticketsArr.forEach(function (Ticket) {
                if (Ticket.AppointmentType == 'CRASH_TECH_SUPPORT') {
                    Ticket.AppointmentType = '360_SUPPORT'

                }
            });

answered Nov 6, 2020 at 16:52

Deathstalker

1,0001 gold badge11 silver badges10 bronze badges

Collectives™ on Stack Overflow

Update multiple object in an array

2 Answers 2

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Linked

Related