TypeScript接口和动态键

Question

I hope it can be done.

The condition is simple - I have 2 types.

type Numbers: Number[];
type Name: string;

Let's say they represent data I retrieved somewhere:

// first provider sends it like this
{ "numbers": [2, 3, 4], "name": "Mike" }

// second uses different API keys, even though the data type is the same
{ "numeros": [ 7, 8 ], "nombre": "Jose" }

I have no idea how API creators named their properties, I just know that the returned payload will have 2 different properties - one with Numbers and another with Name .

interface INumbers {
    [propName: string]: Numbers
}

interface INames {
    [propName: string]: Names
}

I know that index signature is used in cases when property name is unknown. It also specifies that there might be more than 1 property. What I'm trying to figure out is if it's possible to join INumbers and INames together.

I've tried union types, but then the object that implements this interface might have only 1 property. Another idea to extend interfaces did not work as well.

interface IPayload {
    [propName: string]: INumbers | INames
}

// this will use `[propName: string]` from 1st extended interface, ignoring others
interface IPayload extends INumbers, INames {}

I wonder if it's even can be done. Will appreciate any help.

Thanks!

Answer 1

type NumberListType = Number[];
type NameType = string;

type NumberKeyType = "numbers" | "numeros";
type NameKeyType = "name" | "nombre";

type INumbers = {
  [propName in NumberKeyType]: NumberListType;
};

type INames = {
  [propName in NameKeyType]: NameType;
};

interface IPayload extends Partial<INames>, Partial<INumbers> {}

const pay: IPayload = {
  numeros: [1, 2],
  name: "",
  // numbers: "", Error
  // nombre: [1, 2], Error
};

I try it, It is right you want? Thanks.