如何在Javascript中将带有数字的关联数组作为字符串

Question

我有一个代码：

var index = 100;

var arr =[];

arr[index.toString()] = "Hello"

结果：索引仍然被称为整数而不是字符串。谁能解释我的代码有什么问题？

Answer 1

您必须使用{} 声明关联数组，这会创建一个新的object，因为在JavaScript 中，数组总是使用编号索引。

你需要声明一个对象：var arr={};

• 数组使用编号索引。
• 对象使用命名索引。

var index = 100;
var arr ={};
arr[index.toString()] = "Hello";
console.log(arr);

Answer 2

如何在Javascript中将数字作为字符串的关联数组

在这个术语经常使用的意义上，JavaScript 没有关联数组。它有对象，从 ES2015（又名“ES6”）开始，它有 Maps。

结果：索引仍然被称为整数而不是字符串。谁能解释我的代码有什么问题？

index 变量的值仍然是一个数字，是的，因为你没有做任何改变它。但是数组中的索引是一个字符串（即使你没有使用.toString()也是如此），因为标准数组aren't really arrays at all¹，它们是对类进行特殊处理的对象属性（名称是符合规范的数组索引定义的字符串），一个特殊的length 属性，并使用Array.prototype 作为其原型。

这是数组索引是字符串的证明：

var a = [];
a[0] = "zero";
for (var name in a) {
  console.log("name == " + name + ", typeof name == " + typeof name);
}

也就是说，当您需要通用对象或映射时，您不想使用数组。

这里使用通用对象进行名称/值映射：

var o = Object.create(null);
var name = "answer";
o[name] = 42;
console.log(o[name]); // 42

对象中的属性名称是字符串或（从 ES2015 开始）符号。我使用Object.create(null) 来创建对象，因此它不会将Object.prototype 作为其原型，因为这为我们提供了我们在使用时不需要的属性（toString、valueOf 等）对象作为地图。

这里使用Map：

var m = new Map();
var name = "answer";
m.set(name, 42);
console.log(m.get(name)); // 42

Maps 相对于对象的主要优势是：

• 它们的键可以是任何东西，而不仅仅是字符串或符号
• 它们是可迭代的，因此您可以使用for-of 循环它们包含的映射
• Maps 有一个 size 属性告诉你他们有多少条目
• Maps 保证其条目的迭代按照条目添加到映射中的顺序执行

Answer 3

在 ES6 中，您可以使用 Map，它将任何类型作为键。

var map = new Map;

map.set(100, "Hello");
map.set('100', "Foo");

console.log(map.get(100));   // 'Hello'
console.log(map.get('100')); // 'Foo'
console.log([...map]);

Answer 4

JavaScript 不支持带有命名索引的数组，在 JavaScript 中，数组总是使用编号索引。

如果您使用命名索引，JavaScript 会将数组重新定义为标准对象。 之后，所有的数组方法和属性都会产生不正确的结果。

如下例所示：

var person = [];
person["firstName"] = "John";
person["lastName"] = "Doe";
person["age"] = 46;
var x = person.length;         // person.length will return 0
console.log(x);
var y = person[0];             // person[0] will return undefined
console.log(y);