如何在打字稿中使用变量作为对象键

在JavaScript中，对象是一种存储键值对的数据结构。对象的键必须是字符串或符号。但如果你想使用变量作为键名，该怎么办呢？下面来介绍如何在打字稿中使用变量作为对象键。

方式一：使用方括号表示法

使用方括号表示法可以让你使用变量作为键名。

const myObj = {};
const myKey = 'test';

myObj[myKey] = 'value';

console.log(myObj); // { test: 'value' }

在上面的示例中，我们将myKey变量作为myObj对象的键名。注意，要使用方括号[]来包含变量。

方式二：使用计算属性名

计算属性名允许你在对象字面量中使用表达式来构建键名。计算属性名包含在方括号[]中，并且可以包含任何JavaScript表达式（包括变量）。

const myKey = 'test';
const myObj = {
  [myKey]: 'value',
};

console.log(myObj); // { test: 'value' }

在上面的示例中，我们使用了表达式[myKey]作为对象字面量的键名。这样就可以将变量作为键名使用。

总结

以上就是在打字稿中使用变量作为对象键的两种方法。使用方括号表示法可以让你在运行时使用变量作为键名，而计算属性名可以让你在声明对象字面量时使用变量作为键名。

记得在使用时，要注意遵循对象的键必须是字符串或符号的规定。