取以下兩個數組：const array1 = [  {    props: {      type : 'text',      id : 'item1',      name : 'item1',      value : '@item1@',    },  },  {    props: {      type: 'hidden',      id: 'item2',      name: 'item2',      value: '@item2@',    },  }];const array2 = [  {    props: {      type: 'hidden',      id: 'item1',      name: 'item1',      value: '@item1@',    },  }];我想要做的是將它們連接成一個數組，并根據id屬性刪除任何重復項。不過這里需要說明的是，它的對象不具有type的hidden必須遵。所以我基本上應該留下 的內容array1，因為重復項 fromarray2的type值為hidden，如下所示：// Result[  {    props: {      type : 'text', // Note the type here is "text"      id : 'item1',      name : 'item1',      value : '@item1@',    },  },  {    props: {      type: 'hidden',      id: 'item2',      name: 'item2',      value: '@item2@',    },  }];我可以使用以下方法輕松連接它們：const array = array1.concat(array2);我的想法是然后使用過濾器，但我的大腦有點融化。這是我到目前為止的想法：const concat = (array1, array2) => {  const array = array1.concat(array2);  const ids = [];  // Create array of ID's  for (const i in array1) {    ids.push(array1[i].props.id);  }  return array.filter((obj) => {    if (obj.props.type !== 'hidden' && ids.includes(obj.props.id)) {      return true;    }    return false;  });};在這里使用Reduce會是更好的方法嗎？這是我到目前為止所擁有的 JSFiddle：https ://jsfiddle.net/64uprbhn/