首页 >web前端 >js教程 >如何在 JavaScript 对象中动态分配键?

如何在 JavaScript 对象中动态分配键?

Linda Hamilton
Linda Hamilton原创
2024-12-16 09:05:10810浏览

How Can I Dynamically Assign Keys in JavaScript Objects?

JavaScript 对象中的动态键分配

构建 JavaScript 对象时,动态而不是静态地分配键可能会很有用。但是,简单地使用变量作为键名称可能会导致意外行为,从而导致“key”作为属性键。

解决方案 1:使用括号初始化对象

要动态指定对象键,需要先创建一个空对象,然后使用方括号([])设置键值对:

var key = "happyCount";
var obj = {};
obj[key] = someValueArray;
myArray.push(obj);

解决方案 2:计算属性名称 (ES6)

ES6 引入了计算属性名称,它允许在对象文字表示法中进行动态键分配:

const yourKeyVariable = "happyCount";
const someValueArray= [...];

const obj = {
    [yourKeyVariable]: someValueArray,
}

示例Fiddle:

参考这个改进的Fiddle进行实际演示:https://jsfiddle.net/Fr6eY/4/

以上是如何在 JavaScript 对象中动态分配键?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn