Typescript — 确保对象 prop 键与 prop 值相同

Question

我需要键入以下对象结构:

const entities = {
  abc: {
    id: 'abc'
  },
  def: {
    id: 'def'
  }
}

每个对象 prop key 需要与其对应的 id 匹配。

---

我试过这样做:

interface EntitiesMap<E extends Entity> {
  [K in E['id']]: E;
}

interface Entity {
  id: string;
}

但这并不能确保 prop 键和 id 值匹配。例如:

const entities = {
  ghi: {
    id: 'aaaaa' // should throw an error as ghi doesn't match aaaaa
  }
}

我有什么想法可以让这项工作成功吗？

Answer 1

我知道的方法是定义一个类型。但是您需要始终关心 key 。

type Entity<T extends keyof any> = {
  [K in T]: {
    id: K;
  };
};

const entities: Entity<'abc' | 'def' | 'def2' | 'def3'> = {
  abc: {
    id: 'abc'
  },
  def: {
    id: 'def'
  },
  def2: {
    id: 'abc' // <- fails
  },
  def3: {
    id: 'def4' // <- fails
  },
}

对于按键你可以有一个辅助函数，不确定是否可以接受

const validateEntities = <K extends keyof any>(value: Entity<K>): Entity<K> => {
  return value;
};

const entities = validateEntities({
  abc: {
    id: 'abc'
  },
  def: {
    id: 'def'
  },
  def2: {
    id: 'abc' // <- fails
  },
  def3: {
    id: 'def4' // <- fails
  },
});