检查对象是否在 Typescript 中有键并使用该键

opensas
2021-10-06  
1786  
    
2  

我有以下代码：

let show = {
    createTag: false,
    updateFeature: false,
    createFeatureGroup: false,
    deleteFeature: false,
    deleteCycle: false,
};

我从查询字符串中得到一个值，我想与 show 的键匹配。

以下代码可以正常工作，但我想要一种方法让 Typescrpt 推断它并避免发出强制转换：

const showDialog = $page.query.get('show') || '';

if (showDialog && showDialog in show) {
    // I want to get rid of the "<keyof typeof show>" cast
    show[<keyof typeof show>showDialog] = true; 
}

我虽然只是发出 showDialog in show typescript会知道 if showDialog 里面是 show 的键，但似乎并非如此。

typescript ,  object ,  casting ,  key ,  hasownproperty
stack overflow check if object has key in Typescript and use that key
原文答案
author avatar
paolostyle
2021-10-06
5
     原文

接受的答案

您可以创建类型保护：

function isValidParam(k: string): k is keyof typeof show {
  return k in show;
}

const showDialog = $page.query.get('show') || '';

if (isValidParam(showDialog)) {
    show[showDialog] = true; 
}

但你决定是否值得。我个人可能会保留演员阵容。


答案:

作者头像
Jasper Kuperus
2022-01-22    2      原文

@paolostyle 提供的类型保护非常特定于 show 对象。以下代码段更通用，可用于任何对象中的任何键：

export function isKeyOfObject<T>(
  key: string | number | symbol,
  obj: T,
): key is keyof T {
  return key in obj;
}

相关问题

标签