JavaScript中的数组可以关联和索引吗？
我希望能够通过它的位置或键值在数组中查找一个项目。
问问题
68169 次
11 回答
30
Javascript 中没有关联数组之类的东西。您可以使用对象字面量，它看起来像关联数组，但它们具有无序的属性。常规 Javascript 数组基于整数索引，不能关联。
例如，对于这个对象：
var params = {
foo: 1,
bar: 0,
other: 2
};
您可以从对象访问属性，例如：
params["foo"];
for...in您还可以使用以下语句迭代对象：
for(var v in params) {
//v is equal to the currently iterated property
}
但是，对属性迭代的顺序没有严格的规定——对象字面量的两次迭代可能会以不同的顺序返回属性。
于 2009-07-02T21:04:02.523 回答
20
在阅读了Wikipedia 对关联数组的定义之后，我将打破传统的 JavaScript 知识并说：“是的，JavaScript 确实有关联数组。” 使用 JavaScript 数组，您可以通过它们的键添加、重新分配、删除和查找值（并且键可以是带引号的字符串），这是 Wikipedia 所说的关联数组应该能够做的事情。
但是，您似乎在问一些不同的问题——您是否可以通过索引或键查找相同的值。这不是关联数组的要求（请参阅 Wikipedia 文章。）关联数组不必让您能够通过索引获取值。
JavaScript 数组非常类似于 JavaScript 对象。
arr=[];
arr[0]="zero";
arr[1]="one";
arr[2]="two";
arr["fancy"]="what?";
是的，这是一个数组，是的，你可以摆脱非数字索引。（如果你好奇，毕竟 arr.length 是 3。）
在大多数情况下，我认为在使用数组时应该坚持使用数字索引。我认为这是大多数程序员所期望的。
该链接指向我关于该主题的博客文章。
于 2009-07-02T21:20:58.383 回答
9
原生 JS 对象只接受字符串作为属性名称，即使对于数字数组索引也是如此；数组与普通对象的不同之处仅在于大多数 JS 实现将以不同的方式存储数字索引的属性（即，只要它们是密集的，就在实际数组中）并且设置它们将触发额外的操作（例如调整length属性）。
如果您正在寻找接受任意键的地图，则必须使用非本地实现。该脚本旨在用于快速迭代，而不是通过数字索引进行随机访问，因此它可能也不是您想要的。
可以执行您要求的地图的准系统实现可能如下所示：
function Map() {
this.length = 0;
this.store = {};
}
Map.prototype.get = function(key) {
return this.store.hasOwnProperty(key) ?
this.store[key] : undefined;
};
Map.prototype.put = function(key, value, index) {
if(arguments.length < 3) {
if(this.store.hasOwnProperty(key)) {
this.store[key].value = value;
return this;
}
index = this.length;
}
else if(index >>> 0 !== index || index >= 0xffffffff)
throw new Error('illegal index argument');
if(index >= this.length)
this.length = index + 1;
this[index] = this.store[key] =
{ index : index, key : key, value : value };
return this;
};
的index参数put()是可选的。
您可以map通过键或索引访问地图中的值
map.get('key').value
map[2].value
于 2009-07-02T22:32:22.767 回答
7
var myArray = Array();
myArray["first"] = "Object1";
myArray["second"] = "Object2";
myArray["third"] = "Object3";
Object.keys(myArray); // returns ["first", "second", "third"]
Object.keys(myArray).length; // returns 3
如果你想要第一个元素，那么你可以像这样使用它：
myArray[Object.keys(myArray)[0]]; // returns "Object1"
于 2013-10-30T15:52:30.450 回答
5
对象出现在关联 javascript 数组中的顺序没有定义，并且在不同的实现中会有所不同。因此，您不能真正指望给定的关联键始终位于同一索引处。
编辑：
正如 Perspx 指出的那样，javascript 中并没有真正的关联数组。该语句foo["bar"]只是语法糖foo.bar
如果您相信浏览器会维护对象中元素的顺序，则可以编写一个函数
function valueForIndex(obj, index) {
var i = 0;
for (var key in obj) {
if (i++ == index)
return obj[key];
}
}
于 2009-07-02T21:03:49.683 回答
1
var stuff = [];
stuff[0] = "foo";
stuff.bar = stuff[0]; // stuff.bar can be stuff["bar"] if you prefer
var key = "bar";
alert(stuff[0] + ", " + stuff[key]); // shows "foo, foo"
于 2009-07-03T09:47:36.093 回答
1
我来到这里想知道这是否是不好的做法，而是发现很多人似乎不理解这个问题。
我想要一个有序但可以通过键索引的数据结构，这样每次查找都不需要迭代。
实际上，这很简单，但我仍然没有阅读任何关于这是否是一种糟糕的做法的信息。
var roygbiv = [];
var colour = { key : "red", hex : "#FF0000" };
roygbiv.push(colour);
roygbiv[colour.key] = colour;
...
console.log("Hex colours of the rainbow in order:");
for (var i = 0; i < roygbiv.length; i++) {
console.log(roygbiv[i].key + " is " + roygbiv[i].hex);
}
// input = "red";
console.log("Hex code of input colour:");
console.log(roygbiv[input].hex);
重要的是永远不要在对象设置后直接更改 array[index] 或 array[key] 的值，否则这些值将不再匹配。如果数组包含对象，您可以更改这些对象的属性，并且您将能够通过任一方法访问更改后的属性。
于 2016-03-21T03:57:08.830 回答
0
尽管我同意给出的答案，但您实际上可以使用 getter 和 setter 完成您所说的。例如：
var a = [1];
//This makes a["blah"] refer to a[0]
a.__defineGetter__("blah", function(){return this[0]});
//This makes a["blah"] = 5 actually store 5 into a[0]
a.__defineSetter__("blah", function(val){ this[0] = val});
alert(a["blah"]); // emits 1
a["blah"] = 5;
alert(a[0]); // emits 5
这是你想要的？我认为有一种不同的更现代的方式来做 getter 和 setter，但不记得了。
于 2012-04-13T23:33:01.807 回答
0
最新的 MDN 文档清楚地表明数组索引必须是整数。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
let arr=[];
arr[0]="zero";
arr[1]="one";
arr[2]="two";
arr["fancy"]="what?";
//Arrays cannot use strings as element indexes (as in an associative array) but must use integers.
//Setting non-integers using bracket notation will not set an element to the Array List itself
//A non-integer will set a variable associated with that ARRAY Object property collection
let denseKeys = [...arr.keys()];
console.log(denseKeys);//[ 0, 1, 2 ]
console.log("ARRAY Keys:"+denseKeys.length);//3
let sparseKeys = Object.keys(arr);
console.log(sparseKeys);//[ '0', '1', '2', 'fancy' ]
console.log("Object Keys:"+sparseKeys.length);//4
const iterator = arr.keys();
for (const key of iterator) {
console.log(key);//0,1,2
}
于 2020-09-06T09:18:27.960 回答
0
潮流已经改变了这一点。现在你可以做到了……还有更多！使用 Harmony Proxies，您绝对可以通过多种方式解决这个问题。
您必须验证您的目标环境是否支持这一点，可能需要从和谐反射shim 中获得一点帮助。
Mozilla 开发人员网络上有一个非常好的示例，它使用代理通过它的属性来查找数组项对象，这几乎总结了它。
这是我的版本：
var players = new Proxy(
[{
name: 'monkey',
score: 50
}, {
name: 'giraffe',
score: 100
}, {
name: 'pelican',
score: 150
}], {
get: function(obj, prop) {
if (prop in obj) {
// default behavior
return obj[prop];
}
if (typeof prop == 'string') {
if (prop == 'rank') {
return obj.sort(function(a, b) {
return a.score > b.score ? -1 : 1;
});
}
if (prop == 'revrank') {
return obj.sort(function(a, b) {
return a.score < b.score ? -1 : 1;
});
}
var winner;
var score = 0;
for (var i = 0; i < obj.length; i++) {
var player = obj[i];
if (player.name == prop) {
return player;
} else if (player.score > score) {
score = player.score;
winner = player;
}
}
if (prop == 'winner') {
return winner;
}
return;
}
}
});
console.log(players[0]); // { name: 'monkey', score: 50 }
console.log(players['monkey']); // { name: 'monkey', score: 50 }
console.log(players['zebra']); // undefined
console.log(players.rank); // [ { name: 'pelican', score: 150 },{ name: 'giraffe', score: 100 }, { name: 'monkey', score: 50 } ]
console.log(players.revrank); // [ { name: 'monkey', score: 50 },{ name: 'giraffe', score: 100 },{ name: 'pelican', score: 150 } ]
console.log(players.winner); // { name: 'pelican', score: 150 }
于 2016-04-09T00:45:13.657 回答
-2
是的。
test = new Array();
test[0] = 'yellow';
test['banana'] = 0;
alert(test[test['banana']]);
于 2012-02-21T00:22:31.353 回答