TypeScript报错TS2339：Registration类型无toLocaleLowerCase属性如何解决？

报错原因 #

Registration接口中fullname是可选属性（带有?标记），意味着registrationName.fullname可能为undefined，而undefined没有toLocaleLowerCase方法，TypeScript会严格检查这种潜在错误，因此抛出该报错。

解决步骤 #

• 添加可选链判断：在调用toLocaleLowerCase前，用可选链操作符?.判断fullname是否存在，避免undefined调用方法报错：

  registrationName.fullname?.toLocaleLowerCase()
  

• 约束参数类型：将name的类型从any改为string，避免传入非字符串类型导致调用toLocaleLowerCase报错：

  const nameAlreadyExist = (name: string): void => { ... }
  

• 简化逻辑（可选）：将三元表达式简化为直接赋值布尔值，代码更简洁：

  existNameError.value = nameExist !== -1;
  

修改后的完整代码 #

const nameAlreadyExist = (name: string): void => {
    const nameExist = filteredRegistrationName.value.findIndex((registrationName) => 
       registrationName.fullname?.toLocaleLowerCase() === name.toLocaleLowerCase());

    existNameError.value = nameExist !== -1;
};

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