打字稿：“对象”类型上不存在属性

Question

我有以下设置，当我循环使用for...of 并得到错误：

类型“object”上不存在属性“country”。

这是循环遍历数组中每个对象并比较对象属性值的正确方法吗？

let countryProviders: object[];

export function GetAllProviders() {
   allProviders = [
      { region: "r 1", country: "US", locale: "en-us", company: "co 1" },
      { region: "r 2", country: "China", locale: "zh-cn", company: "co 2" },
      { region: "r 4", country: "Korea", locale: "ko-kr", company: "co 4" },
      { region: "r 5", country: "Japan", locale: "ja-jp", company: "co 5" }
   ]

   for (let providers of allProviders) {
      if (providers.country === "US") { // error here
         countryProviders.push(providers);
      }
   }
}

Answer 1

是的，强烈推荐上述方法，但如果您别无选择，并且想继续使用“allProviders”作为对象数组，那么请使用此方法。这对我有用，无需创建界面。

if(providers["country"] === "US") // replacement

Answer 2

如果您的对象可以包含任何键/值对，您可以声明一个名为 keyable 的接口，例如：

interface keyable {
    [key: string]: any  
}

然后按如下方式使用：

let countryProviders: keyable[];

或

let countryProviders: Array<keyable>;

针对您的具体情况，尝试定义键类型并使用Record 实用程序来定义对象：

type ProviderKey="region" | "country" | "locale" | "company"

let countryProviders: Array<Record<ProviderKey,string>>;

Answer 3

您可能也将allProviders 输入为object[]。 object 上不存在属性 country。如果你不关心打字，你可以将allProviders和countryProviders都声明为Array<any>：

let countryProviders: Array<any>;
let allProviders: Array<any>;

如果你确实想要静态类型检查。您可以为该结构创建一个接口并使用它：

interface Provider {
    region: string,
    country: string,
    locale: string,
    company: string
}

let countryProviders: Array<Provider>;
let allProviders: Array<Provider>;