配列内の複数のオブジェクトを更新する

Question

typescriptを使用して配列に一括更新を行いたい。

私はforループを使ってやりました。

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; 
 
}

しかし、私はforループを使用することを好きではありません。ですから、typescriptを使って配列に一括更新する方法を教えてください。

Answer 1

あなたがES6のObject.assign使用することができ、はとarray.mapをarray.find：

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);