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

Posted

技术标签:

【中文标题】有没有办法使用数字类型作为对象键?【英文标题】:Is there any way to use a numeric type as an object key? 【发布时间】:2011-04-07 16:42:34 【问题描述】:

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

例子:

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

目录输出:


    '1': 'a value'

想要是这样的:


    1: 'a value'

建议?

【问题讨论】:

另见此评论 - ***.com/questions/3633362/… 【参考方案1】:

不,这是不可能的。 密钥将始终转换为字符串。见Property Accessor docs

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

> var foo = 
undefined

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

> foo
 '23213': 'swag' 

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

【讨论】:

那是相当主观的。正如威廉所指出的,对于整数键,您可以改用数组。大多数 JS 引擎可以在幕后使用稀疏数组。 即使在数组中,所有的属性名都会被转换成字符串。 @Roamer-1888:不是,不是。唯一的区别是,将数值属性分配给数组会影响数组的 length 属性。 @TimDown,我的意思是你错了。 “在数组上设置数值属性会影响长度属性”是不正确的说法。 javascript Array 属性完全独立于 Array 元素。让人们感到困惑的是关联语法,例如myArray["1"] = foo似乎设置了一个属性,而它实际上设置了一个数组元素,但这只是因为“1”是一个整数的字符串表示,它完全是语言上的废话——但那是 Javascript。 @Roamer-1888:“Javascript 数组属性完全独立于数组元素”是不正确的说法。 myArray["1"] = foo 不只是看起来设置一个属性,它实际上是在属性定义的每个意义上设置一个属性(带有键“1”)。例如,myArray.hasOwnProperty("1") 产生 true。从语义上讲,这个属性也可以被认为是一个“元素”,因为它有一个数字键,但是没有什么可以进一步区分数组“元素”和数组属性。阅读规范。如果您仍然不同意,请引用您的来源。【参考方案2】:

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

【讨论】:

优雅的Ludumdare 条目101! +1【参考方案3】:

似乎是 ECMA-262-5 中的设计:

属性标识符类型用于将属性名称与属性描述符相关联。 Property Identifier 类型的值是 (name, descriptor) 形式的对,其中 name 是 String,descriptor 是 Property Descriptor 值。

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

【讨论】:

【参考方案4】:

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

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


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

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

【讨论】:

【参考方案5】:

我们需要这样的东西吗?

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

控制台: 对象

1 : “一个值”

【讨论】:

【参考方案6】:

我认为如果你想使用上面的东西像数字一样访问它,我认为你可以执行以下操作,我做了同样的事情并且工作了。

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

它可以克服上述问题。如果可用,请提出更好的建议,如果有,请提出问题。

【讨论】:

【参考方案7】:

根据 Mozilla: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax[Spread语法]1

let obj1 =  foo: 'bar', x: 42 ;
let obj2 =  foo: 'baz', y: 13 ;
const merge = ( ...objects ) => (  ...objects  );

let mergedObj1 = merge (obj1, obj2);
// Object  0:  foo: 'bar', x: 42 , 1:  foo: 'baz', y: 13  

let mergedObj2 = merge (, obj1, obj2);
// Object  0: , 1:  foo: 'bar', x: 42 , 2:  foo: 'baz', y: 13  

只需事先订购商品,您就会得到想要的结果。

所以对于你的情况:

const merge = (...objects) => (...objects);

//An object with numeric keys
const values = ["a value", "another value", "and another value"];
        
let merged = merge(...values);

console.log(merged);

【讨论】:

这根本不能回答问题以及您如何看到这些索引转换为字符串类型【参考方案8】:

你可以试试这个:

arr = 
function f(a,b,c) 
      arr = arguments

f("*","#","_")
console.log(arr)
//returns Object  0: "*", 1: "#", 2: "_" ```

【讨论】:

【参考方案9】:

在 JavaScript 中,数字字符串和数字是可以互换的,所以

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

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

【讨论】:

感谢您的回复,但这并不完全准确。数字只会从 typeof 中返回为“数字”,反之亦然。 @william '数字字符串和数字是可互换的'根本不正确。数字是数字,字符串是字符串。请参阅Object.prototype.toString.call(someObject) 问题是您不能使用数字作为键。

以上是关于有没有办法使用数字类型作为对象键?的主要内容,如果未能解决你的问题,请参考以下文章

在 TypeScript 中使用符号作为对象键类型

使用 Python 类型提示对数字强制执行单位

如何在打字稿中使用可能的字符串和数字索引确定对象的类型?

如何为具有不同类型键的对象编写 JSDoc?

使用对象的键作为联合类型

如何允许 html5 数字输入类型的逗号和点分隔符