javascript - 在 typescript 中声明 for in 循环的键类型

Question

我有以下代码

const urlParams = new URLSearchParams(window.location.search);

interface PersonType {
    fname: string
    lname: string
}
const person: PersonType = {fname:"John", lname:"Doe"};

const newObj = {
    newobj: "new value"
}

for(const key in person) {
    urlParams.append(key, newObj[key]); //error
}

https://codesandbox.io/s/vanilla-ts?utm_source=dotnew&file=/src/index.ts:0-500

我应该如何在 for in 循环中声明关键字符串？

Answer 1

在 TypeScript 中，for..in 只会将被迭代的键键入为 string - 而不是被迭代的对象的键。由于 key 是字符串类型，而不是 newobj，您不能使用 newObj[key]，因为通用字符串不存在于类型上。

改为使用 Object.entries，一次提取键和值，而不是尝试单独通过键:

for(const [key, val] of Object.entries(newObj) {
    urlParams.append(key, val);
}