Typescript 如何连接属性名称和值

您不需要花费任何精力来编写像UserType<T>这样的类型，因为除了输出是string这一事实之外，您不需要任何文字脚本编译器来了解任何事情.所以我们就用string吧.

您可以重构formatSearchCriteriaText()的主体，通过在每个属性上进行映射来对每个属性执行相同的序列化逻辑.由于您关心顺序，因此需要在函数中至少指定mention个属性名称，即使只是指定该顺序也是如此.也许是这样的:

function formatSearchCriteriaText(user: User): string {
  const keys = ["Id", "Lastname", "Firstname", "Age", "Type"] as const;
  return "Date:" + Date.now() + 
    keys.map(k => user[k] ? ", " + k + ": " + user[k] : "").join("");
}

因此，keys是一个属性名称数组，我使用const assertion来要求类型脚本跟踪literal types个元素，因此它知道它们是"Id"、"LastName"等，而不仅仅是string.然后我们只用您的逻辑对该数组进行map()次运算，其中k是键，user[k]是值.TypeScrip允许user[k]的原因是因为它知道k是属性键之一，并且user[k]是有效的属性并且是类似string或number的可串行化类型.

您可以验证它是否正常工作:

const u: User = {
  Age: 10,
  Id: 0,
  Firstname: "John",
  Lastname: "Doe",
  Type: "Plumber or something"
};
console.log(formatSearchCriteriaText(u));
// "Date:1701657535878, Lastname: Doe, Firstname: John, Age: 10, Type: Plumber or something" 

如果顺序非常重要，那么您可以不提键，只按存储顺序迭代user的属性，例如使用the Object.entries() method:

function formatSearchCriteriaText(user: User): string {
  return "Date:" + Date.now() + 
    Object.entries(user).map(([k, v]) => v ? ", " + k + ": " + v : "").join("");
}
console.log(formatSearchCriteriaText(u));
// "Date:1701657535879, Age: 10, Firstname: John, Lastname: Doe, Type: Plumber or something" 

这甚至更简单，但是您可以看到属性没有按照您想要的顺序序列化.

Playground link to code个