Converting a specific method into a reusable method using Typescript

Question

I have a method in my component which is strictly used for removing duplicate values from an array.

const removeDuplicateScenarios = (scenariosList: Scenario[]): Scenario[] => {
  return _.filter(scenariosList, el => _.filter(scenariosList, e => e.id === el.id).length === 1);
};

However, I want to completely make this reusable as possible wherein I dont define the types explicitly but does the job.

const removeDuplicateValues = (values: []): [] => {
  return _.filter(values, el => _.filter(values, e => e.id === el.id).length === 1);
};

Is any the only type I can use over here?

However, I get these errors:

TS2322: Type 'never[]' is not assignable to type '[]'.   
Types of property 'length' are incompatible.
Type 'number' is not assignable to type '0'.

Please advice.

joshvito · Accepted Answer · 2020-06-18 13:50:55Z

1

Can you use a generic? Docs at https://www.typescriptlang.org/docs/handbook/generics.html

example code. Lots more info in the typescript docs.

function removeDuplicateValues<T>(values: T[]): T[] => {
  return _.filter(values, el => _.filter(values, e => e.id === el.id).length === 1);
};

answered Jun 18, 2020 at 13:50

joshvito

1,57320 silver badges25 bronze badges

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

1 Comment

arunmmanoharan Over a year ago

Thanks. Did as const removeDuplicateValues = <T extends { id: number }>(values: T[]): T[] => { return filter(values, el => filter(values, e => e.id === el.id).length === 1); };

Collectives™ on Stack Overflow

Converting a specific method into a reusable method using Typescript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related