在 typescript 中的对象数组上展开运算符

Question

我正在尝试使用spread operator来找到一个唯一的集合

 let obj = { requests: [{ id: 'p1', isOptional: false, item: [Object] }, { id: 'p1', isOptional: false, item: [Object] } ] }; // I tried below. let output = [...new Set(obj.requests)]; console.log(output);

但这没有用。

Answer 1

您可以从此处如何从 JavaScript 中的对象数组中获取不同的值？ . 下面是解释为什么它没有像你预期的那样工作。

除非object具有same的引用，否则您无法使用Set找到unique objects 。 因此，在您的情况下，您似乎对数组中的两个objects都有两个不同的references 。 因此Set将返回2 values 。

如果您对两个objects都有same的reference （例如 let o = {id: 'p1',isOptional: false,item: [Object]}）并且 let obj = {requests: [o,o]}那么它将返回唯一值。

您可以在Set中进行验证，如下图所示。

考虑下面的示例。

 let o = { id: 'p1', isOptional: false, item: { id: 10 } }; let obj = { requests: [o, o] } let output = [...new Set(obj.requests)]; console.log('Output with unique reference'); console.log(output); let o2 = { id: 'p1', isOptional: false, item: { id: 10 } }; let obj2 = { requests: [o, o2] } let output2 = [...new Set(obj2.requests)]; console.log('Output with different references'); console.log(output2);

Answer 2

您可以通过使用带有map的filter或spread Operator来执行此操作。 仅使用带有new Set的扩展运算符不会产生预期的结果。

使用过滤器

 var data = { requests: [{ id: 'p1', isOptional: false, item: [Object] }, { id: 'p1', isOptional: false, item: [Object] } ] } var unique = data.requests.filter(function({id}) { return,this[id] && (this[id] = id) }. {}) console.log(unique )

使用扩展运算符和map

 var data = { requests: [{ id: 'p1', isOptional: false, item: [Object] }, { id: 'p1', isOptional: false, item: [Object] } ] } var unique = [...new Set(data.requests.map(({id}) => id))].map(e => data.requests.find(({id}) => id == e)); console.log(unique )