TypeScript中判断对象子属性值全为false及类型错误解决

错误原因分析 #

你的代码触发类型错误有两个核心原因：

1. 接口定义不够精确：CostObject的子属性用了索引签名{ [index: string]: number|boolean }，TypeScript无法确定sendState属性必然存在，也无法确认它的类型是boolean。
2. 键类型不匹配：Object.keys()返回的是string[]类型，而CostObject的键是固定的字面量类型（xProfile/yProfile等），TypeScript不允许用任意字符串索引CostObject，因此抛出索引类型错误。

解决方案 #

第一步：优化接口定义 #

先明确子对象的固定结构，替换模糊的索引签名：

// 定义子对象的明确结构
interface Profile {
  cost: number;
  sendState: boolean;
}

// 重新定义CostObject
interface CostObject {
  xProfile: Profile;
  yProfile: Profile;
  zProfile: Profile;
  aProfile: Profile;
}

// 实例定义保持不变（现在TypeScript能准确推断类型）
const percentObject: CostObject = {
  xProfile: { cost: 0, sendState: true },
  yProfile: { cost: 0, sendState: true },
  zProfile: { cost: 0, sendState: true },
  aProfile: { cost: 0, sendState: true },
};

第二步：实现判断逻辑 #

推荐两种简洁的实现方式：

方式一：用Object.values直接遍历子对象（更直观）

const allSendStateFalse = Object.values(percentObject).every(profile => !profile.sendState);

if (allSendStateFalse) {
  // 所有sendState都为false时的逻辑
}

方式二：用Object.keys并断言键类型（如需遍历键）

const allSendStateFalse = (Object.keys(percentObject) as Array<keyof CostObject>).every(key => !percentObject[key].sendState);

if (allSendStateFalse) {
  // 所有sendState都为false时的逻辑
}

内容的提问来源于stack exchange，提问作者Kyle Shi