打字稿：括号符号属性访问

Question

我想访问带有括号符号的类型对象，如下所示：

interface IFoo {
    bar: string[];
}

var obj: IFoo = { bar: ["a", "b"] }
var name = "bar";
obj[name]. // type info lost after dot 

据我了解，根据spec 4.10，这是一种预期的行为：

A bracket notation property access of the form ObjExpr [ IndexExpr ]  
....  
Otherwise, if IndexExpr is of type Any, the String or Number primitive type, or an enum type, the property access is of type Any.

任何人都可以确认这是否属实以及是否可以规避这种行为。

编辑： 我的用例是对象缩小，如

var props = {long_name: "n"};    
var shortName = props.long_name;

function(minObj) {
    var value = minObj[shortName]
    var newMinObj = {};
    newMinObj[shortName] = value.toUpperCase();
    db.save(newMinObj)
}

Answer 1

我将其添加为单独的界面，因为我需要保持原始..

export interface IIndexable {
  [key: string]: any;
}

并在需要时引用它

getEditDate(r: IRestriction, fieldName: string) {
    ...
    value={(r as IIndexable)[fieldName] as Date}

效果很好。如果我找到缩短它的方法，我会更新它

Answer 2

而不是在obj[x]、you can write中使用变量：

obj["bar"].sort

在这里使用变量的唯一原因是从IFoo 接口中选择任意属性。你好像只有一个。如果您的 IFoo 上有许多字符串数组，您可以将其设为可索引并写入：

interface IFoo {
    bar: string[];
    bar2: string[];
    [key: string]: string[]; // IFoo is indexable; not a new property
}

这会让你写：

var name = "bar";
obj[name].sort;

但它也允许你写：

obj["some new property"] = ["a", "b"];
obj["some new property"].sort;