javascript - 如何合并多维数组？

Question

这里我有 data.payload 和 folderObjs 我想将 data.payload 合并到 folderObjs 中folderObjs 的 folderid == data.payload[i].upperfolderid 看到 patternObj 控制台输入我想要的结果

我尝试使用 concat，但它合并到 folderObjs 数组中，而不是合并到特定的 folderObjs folderid

data.payload
(2) [{…}, {…}]
 0: { folderid: 903, folderName: "f11", upperfolderid: 899} 
 1: { folderid: 904, folderName: "f22", upperfolderid: 899}

folderObjs
(4) [{…}, {…}, {…}, {…}]
 0: { folderid: 899, folderName: "f1", upperfolderid: 122}
 1: { folderid: 900, folderName: "f2", upperfolderid: 122}
 2: { folderid: 901, folderName: "f3", upperfolderid: 122}
 3: { folderid: 902, folderName: "f4", upperfolderid: 122}

 // TS

 folderObjs : Folder[] = [];
 patternObj : Pattern[] = [];

 this.patterObj = this.folderObjs.concat(data.payload);
 console.log(this.patternObj);

 // This type result I want
 0: {folderid: 899, folderName: "f1,upperfolderid: 122,
  {0: {folderid: 903, folderName: "f11", upperfolderid: 899} 
   1: {folderid: 904, folderName: "f22", upperfolderid: 899}
  }
 }
 1: {folderid: 900, folderName: "f2",upperfolderid: 122}
 2: {folderid: 901, folderName: "f3",upperfolderid: 122}
 3: {folderid: 902, folderName: "f4",upperfolderid: 122}

Answer 1

我希望下面的例子能有所帮助。

const result = this.folderObjs.map(val => {
  return Object.assign({}, val, this.payload.filter(v => v.upperfolderid === val.folderid));
});
console.log(result);