前端定义一个对象的时候，key值如何设置为数字，并抽成常量

阅读目录

• 注意！！！ 想要使用变量或者表达式的结果作为对象的键，必须使用方括号 [] 这种计算属性名的方式

在JavaScript中，如果你想将对象的键值设置为常量数值，首先需要定义这些常量。然后你可以在创建对象时使用这些常量作为键。

例如：

// 定义常量
const KEY_ONE = 1;
const KEY_TWO = 2;
const KEY_THREE = 3;

// 使用常量作为对象的键
let myObject = {
  [KEY_ONE]: 'one',
  [KEY_TWO]: 'two',
  [KEY_THREE]: 'three'
};

console.log(myObject[KEY_ONE]); // 输出 "one"
console.log(myObject[KEY_TWO]); // 输出 "two"
console.log(myObject[KEY_THREE]); // 输出 "three"

这里通过计算属性名（Computed Property Names）的方式，使用方括号 [] 来包裹常量，这样可以动态地将常量值用作对象的键。这种方式下，即使常量改变，对象的结构也不会受影响，因为对象创建时已经根据当时常量的值来生成了对应的键。

回到顶部

注意！！！ 想要使用变量或者表达式的结果作为对象的键，必须使用方括号 [] 这种计算属性名的方式

在JavaScript中，如果你想要使用变量或者表达式的结果作为对象的键，必须使用方括号 [] 这种计算属性名的方式。直接写在对象字面量中的键（如 key: value 形式）是静态的，只能接受字符串字面量或标识符。

例如：

const key = 'name';
const obj1 = {
  name: 'John Doe' // 直接使用字符串字面量作为键
};

const obj2 = {};
obj2[key] = 'John Doe'; // 使用变量作为键，需要方括号 []

console.log(obj1); // 输出 { name: 'John Doe' }
console.log(obj2); // 输出 { name: 'John Doe' }

对于常量数字作为键的情况也是一样的原则，虽然数字可以作为对象的键，但如果你想动态引用这个常量值来创建键，则必须用方括号：

const KEY = 1;
const obj3 = {
  [KEY]: 'one' // 使用常量数字作为键，需用方括号 []
};

如果不用方括号 []，则无法做到动态赋值：

// 下面的代码会报错，因为不能直接将数字常量用作对象字面量的键
const WRONG_KEY = 1;
const obj4 = {
  WRONG_KEY: 'one' // 错误：不能直接这样使用数字常量
};

所以，当你希望将常量的数值作为键时，必须使用方括号语法 [CONSTANT] 来实现。

__EOF__

本文作者：龙陌
本文链接：https://www.cnblogs.com/longmo666/p/18149356.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！