js 对象的键名如何设定成变量

在 JavaScript 中,你可以使用以下两种方式将对象的键名设定为变量。

  1. 使用计算属性名:
    使用方括号 [] 语法来动态设置对象的键名。你可以将变量放在方括号内作为键名。

    示例代码如下:

    const key = 'name';
    const value = 'Alice';
    
    const obj = {
      [key]: value
    };
    
    console.log(obj); // 输出: { name: 'Alice' }
    

    在上述示例中,我们使用变量 key 的值 'name' 作为对象 obj 的键名,并将值 'Alice' 赋给该键名。

  2. 使用对象的 setProperty() 方法:
    对象具有一个 setProperty() 方法,它允许你动态设置键名和对应的值。

    示例代码如下:

    const obj = {};
    const key = 'name';
    const value = 'Alice';
    
    obj[key] = value;
    
    console.log(obj); // 输出: { name: 'Alice' }
    

    在上述示例中,我们首先创建了一个空对象 obj,然后通过赋值运算符 = 将变量 keyvalue 分别设定为对象的键名和键值。

这两种方法都允许你根据变量的值动态设置对象的键名。请根据你的具体需求选择使用其中之一。

希望以上信息对你有所帮助!如果还有其他问题,请随时提问。

posted @   盘思动  阅读(1806)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)
历史上的今天:
2021-07-08 Unable to negotiate with 0.0.0.0 port 22: no matching cipher found. Their offer: 3des-cbc,blowfish-cbc,arcfour,cast128-cbc,aes128-cbc,aes192-cbc,aes256-cbc
2020-07-08 array_flip 一维数组,键值,键名翻转
点击右上角即可分享
微信分享提示