打字稿：具有“n”次具有动态名称的属性

Question

I have a class that i want to have type checking on it
here is the code for it:

class FlightFilter implements Filter {
  get filters() {
    return {
      departTime: { name: 'زمان رفت', type: FilterTypes.Range },
      price: { name: 'بازه قیمتی', type: FilterTypes.Range },
      flightType: { name: 'نوع پرواز', type: FilterTypes.CheckboxList },
      flightClass: { name: 'کلاس پروازی', type: FilterTypes.CheckboxList },
      airline: { name: 'شرکت هواپیمایی', type: FilterTypes.CheckboxList },
      airports: { name: 'فرودگاه ها', type: FilterTypes.CheckboxList }
    };
  }

  fillData() {
    for (const filter of this.filters) {
      console.log(filter);
    }
  }

  departTime(ticket) {
    return true;
  }

  departTimeDataGenerator() {}

  departTimeModel = null;

  price(ticket) {
    return true;
  }

  priceDataGenerator() {}

  priceModel = null;

  flightType(ticket) {
    return true;
  }

  flightTypeDataGenerator() {}

  flightTypeModel = null;

  flightClass(ticket) {
    return true;
  }

  flightClassDataGenerator() {}

  flightClassModel = null;

  airline(ticket) {
    return true;
  }

  airlineDataGenerator() {}

  airlineModel = null;

  airports(ticket) {
    return true;
  }

  airportsDataGenerator() {}

  airportsModel = null;
}

I tried to make an interface for it but I don't know how to have "n" times of a property with a dynamic name
something like this:

interface Filter {
    filters(): Object;
    fillData(): void;

    // Here is the part that i want multiple of
    [name: String](ticket: Object): Boolean;
    [name: String]DataGenerator(): void;
    [name: String]Model: any
}

bare in mind that I have the above code from my javascript project and I want to switch to typescript

Answer 1

thanks to "BobobUnicorn" in typescript's discord community I now have an answer
this is brilliant!

type Filter<T extends { filters: unknown }> = {
  filters: T['filters'];
  fillData(): void;
} & {
    [K in keyof T['filters']]: (ticket: unknown) => boolean;
  } & {
    [K in keyof T['filters']as `${K & string}DataGenerator`]: () => void;
  } & {
    [K in keyof T['filters']as `${K & string}Model`]: any;
  }

enum FilterTypes {
  Range = 1,
  CheckboxList = 2
}

class FlightFilter implements Filter<FlightFilter> {
  get filters() {
    return {
      departTime: { name: 'زمان رفت', type: FilterTypes.Range },
      price: { name: 'بازه قیمتی', type: FilterTypes.Range },
      flightType: { name: 'نوع پرواز', type: FilterTypes.CheckboxList },
      flightClass: { name: 'کلاس پروازی', type: FilterTypes.CheckboxList },
      airline: { name: 'شرکت هواپیمایی', type: FilterTypes.CheckboxList },
    };
  }

  fillData() {
    // for (const filter of this.filters) {
    //   console.log(filter);
    // }
  }

  departTime(ticket: any) {
    return true;
  }

  departTimeDataGenerator() { }

  departTimeModel = null;

  price(ticket: any) {
    return true;
  }

  priceDataGenerator() { }

  priceModel = null;

  flightType(ticket: any) {
    return true;
  }

  flightTypeDataGenerator() { }

  flightTypeModel = null;

  flightClass(ticket: any) {
    return true;
  }

  flightClassDataGenerator() { }

  flightClassModel = null;

  airline(ticket: any) {
    return true;
  }

  airlineDataGenerator() { }

  airlineModel = null;

}