有没有办法使用数字类型作为对象键?

IT技术 javascript object types key numeric
2021-02-08 15:07:54

似乎当我在对象中使用数字类型作为键名时,它总是被转换为字符串。反正有没有真正让它存储为数字?正常的类型转换似乎不起作用。

例子:

var userId = 1;
console.log( typeof userId ); // number
myObject[userId] = 'a value';
console.dir(myObject);

目录输出:

{
    '1': 'a value'
}

想要的是这个:

{
    1: 'a value'
}

建议?

6个回答

不,这是不可能的。 密钥将始终转换为字符串。请参阅属性访问器文档

属性名称必须是字符串。这意味着非字符串对象不能用作对象中的键。任何非字符串对象,包括数字,都通过 toString 方法被类型转换为字符串。

> var foo = {}
undefined

> foo[23213] = 'swag'
'swag'

> foo
{ '23213': 'swag' }

> typeof(Object.keys(foo)[0])
'string'
@Roamer-1888:“Javascript 数组属性完全独立于数组元素”是不正确的陈述。myArray["1"] = foo不只是看起来是在设置一个属性,它实际上是在属性定义的各个意义上设置一个属性(带有一个键“1”)。例如,myArray.hasOwnProperty("1")产量true从语义上讲,由于具有数字键,此属性也可以被视为“元素”,但没有进一步区分数组“元素”和数组属性的内容。阅读规范。如果您仍然不同意,请引用您的来源。
2021-03-13 15:07:54
即使在数组中,所有属性名称也都转换为字符串。
2021-03-20 15:07:54
@TimDown,我要说的是你错了。“在数组上设置数字属性会影响长度属性”是一个不正确的说法。Javascript Array 属性完全独立于 Array 元素。让人们感到困惑的是,关联语法,例如myArray["1"] = foo似乎是在设置一个属性,而它实际上是在设置一个数组元素,但这仅仅是因为“1”是一个整数的字符串表示,这完全是语言上的废话——但那是 Javascript。
2021-03-22 15:07:54
这是比较主观的。正如威廉所指出的,对于整数键,您可以改用数组。大多数 JS 引擎可以在幕后使用稀疏数组。
2021-04-01 15:07:54
@Roamer-1888:不,不是。唯一的区别是将数值属性分配给数组会影响数组的length属性。
2021-04-03 15:07:54

在一个对象中,不,但我发现Map对这个应用程序非常有用。这是我将它用于数字键的地方,这是一个基于键的事件。

onKeydown(e) {
  const { toggleSidebar, next, previous } = this.props;

  const keyMapping = new Map([
    [ 83, toggleSidebar ],  // user presses the s button
    [ 37, next          ],  // user presses the right arrow
    [ 39, previous      ]   // user presses the left arrow
  ]);

  if (keyMapping.has(e.which)) {
    e.preventDefault();
    keyMapping.get(e.which)();
  }
}
101 个优雅的Ludumdare条目!+1
2021-03-19 15:07:54

在 ECMA-262-5 中似乎是设计使然:

属性标识符类型用于将属性名称与属性描述符相关联。属性标识符类型的值是形式(名称,描述符)的对,其中名称是一个字符串,描述符是一个属性描述符值。

但是,我在 ECMA-262-3 中没有看到明确的规范。无论如何,我不会尝试使用非字符串作为属性名称。

我们需要这样的东西吗?

var userId = 1;var myObject ={};
console.log( typeof userId ); // number
myObject[userId] = 'a value';
console.dir(myObject);

控制台:对象

1:“一个值”

这是解决方案。如果这不起作用,请告诉我环境设置

const screens = {
    "768": "large",
    "200": "small"
}

const keys = Object.keys(screens).map(key => parseInt(key))
                                         // OR Number(key)

console.log(keys) // Output [200, 768]