TypeScript报错：类型'string | number | {}'不存在split属性求助

你的问题出在动态属性访问时，TypeScript无法正确跟踪类型收窄。虽然你用typeof做了检查，但直接通过obj[val as keyof AIObject]访问属性时，TypeScript没办法将这个动态索引的类型和你的类型检查结果关联起来，所以仍然认为它可能是number或{}类型，导致split方法报错。

修复步骤： #

1. 先将属性值存入临时变量，再做类型收窄
   把动态访问的属性值赋值给一个临时变量，TypeScript就能准确识别这个变量的类型，typeof检查后就能正确收窄为string。
2. 处理赋值类型不兼容问题
   原接口中部分属性类型未包含数组类型，拆分后赋值数组会触发新的类型错误，需要调整接口定义匹配业务逻辑。

修复后的代码： #

interface AIObject {
  // 根据逻辑需求，新增数组类型支持
  CLARITY_CODE?: string | {} | string[];
  CARAT?: number | {};
  SHAPE_CODE?: string | {} | string[];
}

const numericKeys = ["CARAT"];

const arrObj: AIObject[] = [
  {
    CLARITY_CODE: "DE",
    CARAT: 5,
    SHAPE_CODE: "SI",
  },
];

arrObj.map((obj) => {
  Object.keys(obj).forEach((val) => {
    const propKey = val as keyof AIObject;
    // 临时变量存储属性值，让TypeScript跟踪类型
    const value = obj[propKey];
    if (typeof value === "string") {
      const check = value.split("-"); // 此处不再报错，value已被收窄为string
      if (check.length === 2) {
        if (numericKeys.includes(val)) {
          obj[propKey] = { $gte: check[1], $lte: check[0] };
        } else {
          obj[propKey] = [...check];
        }
      }
    }
  });
});

关键说明： #

• 临时变量value让TypeScript能准确跟踪类型，typeof value === "string"会将value的类型严格收窄为string，调用split自然不再报错。
• 原接口中CLARITY_CODE和SHAPE_CODE的类型不包含数组，因此需要新增string[]类型来匹配赋值逻辑，避免类型不兼容错误。

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