这篇文章主要介绍了js如何使用动态键进行对象解构，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

使用动态键进行对象解构

我们知道在对象解构时，可以使用 : 来对解构的属性进行重命名。但，你是否知道键名是动态的时，也可以解构对象的属性？

const person = { id: 1, name: '前端小智' };
const { name: personName } = person;
console.log(personName); // '前端小智'

现在，我们用动态键来解构属性：

const templates = {
  'hello': 'Hello there',
  'bye': 'Good bye'
};
const templateName = 'bye';
const { [templateName]: template } = templates;
console.log(template); // Good bye

感谢你能够认真阅读完这篇文章，希望小编分享的“js如何使用动态键进行对象解构”这篇文章对大家有帮助，同时也希望大家多多支持天达云，关注天达云行业资讯频道，更多相关知识等着你来学习!