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

Question

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

类型“对象”上不存在属性“国家”。

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

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键入为object[] 。 并且属性country不存在于object 。 如果您不关心打字，您可以将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>;

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”作为对象数组，那么请使用此方法。 这对我有用，而无需创建界面。

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