如何使用 get 方法访问 Typescript 中对象的字段？

Posted 2023-03-13

【中文标题】如何使用 get 方法访问 Typescript 中对象的字段？

【英文标题】：How to access a field of an object in Typescript using get method?

【发布时间】：2021-08-20 05:35:12

【问题描述】：

在 Typescript 中我定义了一个接口：

interface IPriority 
    KEY1: number;
    KEY2: number;
    KEY3: number;
    DEFAULT: number;

我将IPriority 类型的对象传递给函数，如下所示：

    class Foo 
        async someFunction(priority: IPriority) 
        const someMap: Map<string, string> = new Map();
        //someMap has been properly initialized and has valid data
        const key = someMap.get("KEY1") ?? "KEY1";
        //const key = "KEY1";
        if(key) 
          const temp = priority[key];
          console.log(temp);
        
      
    

这样做，我得到这个错误：Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'IPriority'. No index signature with a parameter of type 'string' was found on type 'IPriority'.。

如果我将const temp = priority[key]; 更改为此const temp = priority.get(key)，我会收到此错误：Property 'get' does not exist on type 'IPriority'.

如何使用 get 方法或对象索引语法 (priority[key]) 访问 KEY1、KEY2、... 的值？

这是code的链接

【问题讨论】：

priority[key] 有什么问题？

@enzo “元素隐式具有“任何”类型，因为“字符串”类型的表达式不能用于索引“IPriority”类型。没有带有“字符串”类型参数的索引签名在类型 'IPriority' 上找到。"

@StupidMan that error does not occur with your example code 所以你应该写priority[key] 或更改问题以包含一个真正的minimal reproducible example。

@StupidMan 你有“元素隐式有一个'任何'类型......”错误，因为你可能没有将键定义为const 键。见this

@StupidMan 您的 const 键必须是字符串，而不是数字或未定义。这是编译器所必需的。

【参考方案1】：

显然编译器需要预定义的索引值。你有两个选择：

使用 any 这样的关键字 (priority as any)[key] 创建字典见this

【参考方案2】：

正如Alireza Ahmadi 所说，最好在打字稿中使用字典而不是interface 和Map。但是如果你想坚持你的代码并使用书面代码，你可以通过Object上定义的两个函数找到创建键的值：Object.keys和Object.values。您可以将您的 someFunctions 方法更改为以下内容：

interface IPriority 
  KEY1: string;
  KEY2: string;
  KEY3: string;
 

class Foo 
   async someFunction(priority: IPriority) 
      const someMap: Map<string, string> = new Map();
      someMap.set("1", "KEY1");
      someMap.set("2", "KEY2");
      someMap.set("3", "KEY3");
      const key1 = someMap.get("1");
      if (key1) 
         let value: string = "";
         Object.keys(priority).map((propertyKey, propertyIndexKey) => 
           if (propertyKey == key1) 
              Object.values(priority).map((propertyValue, propertyIndexValue) => 
                 if (propertyIndexKey == propertyIndexValue) 
                    value = propertyValue;
                 
           )
        
        return value;
        )
        console.log(value);
     
  


const foo: Foo = new Foo();
const priority: IPriority = 
  KEY1: "1",
  KEY2: "2",
  KEY3: "3",

foo.someFunction(priority)// "1"