js如何使用动态键进行对象解构

这篇文章主要介绍了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如何使用动态键进行对象解构”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网精选频道，更多相关知识等着你来学习!