如何在 Typescript 中正确创建 [Key: string]？

Question

我想将其创建为最终结果：{"customerName: {"contains": "bri"}}，但我不断得到写入变量的名称。我已经尝试了很多事情，但无法让它如我所愿。希望这很简单，我只是完全忽略了它。

interface IGraphQLFilterVariable {
  [key: string]: [key: string] | any | IGraphQLFilterVariable[]
}
let property = "customerName";
let type = "contains";
let filter = "bri";

let singleFilter: IGraphQLFilterVariable = {};
singleFilter[property] = {
  type: filter
};
console.log(singleFilter);

Playground

Answer 1

定义对象时，默认只有对象的值是表达式。键被视为字符串，因此当您转到{ type: filter } 时，它基本上等同于{ "type": filter }。

要将变量的值用作对象的键，请将键括在括号中：

singleFilter[property] = { [type]: filter };

然后，您的对象将查找变量 type 的值并将其用作对象的键。