有什么方法可以将数字类型用作对象键?


97

看来,当我在对象中使用数字类型作为键名时,它总是会转换为字符串。无论如何,实际上是否可以将其存储为数字?正常的类型转换似乎不起作用。

例:

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

目录输出:

{
    '1': 'a value'
}

想要的是:

{
    1: 'a value'
}

忠告?


Answers:


109

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

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

> var foo = {}
undefined

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

> foo
{ '23213': 'swag' }

> typeof(Object.keys(foo)[0])
'string'

1
那是很主观的。正如William所指出的,对于整数键,您可以改用数组。大多数JS引擎可以在后台使用稀疏数组。
马修·弗莱申

7
即使在数组中,所有属性名称都将转换为字符串。
Tim Down'9

2
@ Roamer-1888:不是,不是。唯一的区别是为数组分配数字属性会影响数组的length属性。
Tim Down'7

2
@TimDown,我的意思是您错了。“在数组上设置数字属性可能会影响length属性”是不正确的陈述。Javascript数组属性完全独立于数组元素。让人感到困惑的是,例如myArray["1"] = foo,关联语法似乎在设置属性,而实际上却在设置数组元素,但这仅是因为“ 1”是整数的字符串表示形式,这是完全的语言废话-但这就是Javascript。
Roamer-1888'7

4
@ Roamer-1888:“ JavaScript数组属性完全独立于数组元素”是不正确的陈述。myArray["1"] = foo不只是看起来要设置一个属性,它实际上是在设置属性(一键“1”)中的定义属性的每一个意义。例如,myArray.hasOwnProperty("1")产量true。从语义上讲,由于具有数字键,此属性也可以被视为“元素”,但是没有什么可以将数组“元素”与数组属性区分开的了。阅读规格。如果您仍然不同意,请引用您的消息来源。
汉斯(Hans)

23

在一个对象中,没有,但是我发现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)();
  }
}

1
优雅的Ludumdare条目101 !+1
kaiser

11

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

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

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


2

我们需要这样的东西吗?

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

控制台:对象

1:“值”


0

我想如果您想像使用数字一样使用上面的东西来访问它,则可以执行以下操作,我也做了同样的工作。

var myObj = {"0":"a","1":"b","CNT":2};
$.each(myObj,function(key,value){
     if(isNaN(parseInt(key))){
          return true; //continue;
     }
     //Code to perform operation
}

仅当键开头不是数字字符时,此键才起作用,否则它将转换为数字。请参见以下示例:

parseInt("45kjghk") === 45

我在这里用过jQuery


更新:

var myObj = {"0":"a","1":"b","CNT":2};
$.each(myObj,function(key,value){
     if(isNaN(parseInt(key)) || (key.length !== parseInt(key).toString().length) ){
          return true; //continue;
     }
     //Code to perform operation
}

它可以克服上述问题。如果可以的话,请提出更好的建议,如果有问题,请回答这个问题。


-3

在JavaScript中,数字字符串和数字可以互换,因此

myObject[1] == myObject['1']

如果您确实希望数字成为对象的键,则可能需要一个数组(即用new Array()或创建[])。


2
感谢您的答复,但这并不完全准确。数字只会从typeof返回为“数字”,反之亦然。
现货

@william“数字字符串和数字可互换”根本不正确。数字是数字,字符串是字符串。请参阅Object.prototype.toString.call(someObject)问题:您不能将数字用作键。
mikemaccana
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.