javascript中关联[]，{}和对象之间的区别[重复]

Question

可能重复：
What is the difference between an array and an object?
The item exists in the array but it says that the array is 0 length?

我对 javascript 中的对象和关联数组有点困惑。我读了这个：question，但这个问题说两者没有太大区别。我在控制台中写了这个：

var a = [];
a["A"] = 1;

var b = {};
b["B"] = 2;

var c = new Object();
c["C"] = 3;

上面的输出如下：

a gives {A : 1} 
b gives {B : 2}
c gives {C : 3}

以上三种情况都给出了相同的结果，因为它们都给出了一个对象。问题是如何在javascript中处理以上3种情况。

Answer 1

在您的示例中，b 和 c 本质上是相同的，因为 {} 等同于 new Object()。

回到a，它被定义为Array，这是一种特殊的Object，因为数字属性（基于uint32）的处理方式不同。它的length 属性会在添加和删除这些属性时更新。

当您使用'A' 作为索引时，它会被视为常规属性，由Object 如何与属性一起使用定义，因此您可以将其作为a.A 或a['A'] 访问，而@987654335 的索引@ 只能使用a[5] 访问。

通常，数组的调试输出始终为 []，除非 length 属性不为零，因此您显示的输出有些不规则。

琐事

根据ECMAScript documentation，特定值p只能是数组索引当且仅当：

(p >>> 0 === p) && (p >>> 0 !== Math.pow(2, 32) - 1)

另见：

The item exists in the array but it says that the array is 0 length?

Answer 2

请阅读以下文章——http://www.2ality.com/2012/12/arrays.html

简而言之，“常规数组”，在 JavaScript 中表示为 []，也是对象，就像 {}，但它们具有 length 属性和“数字”键（“indicies”），以及它们的内部__proto__ 属性指向Array.prototype 对象，该对象包含所有Array 方法，例如push 或forEach 等。

Answer 3

数组也是一个对象，这就是为什么你也可以使用非数字索引。这些将作为属性添加到数组对象，而不是数组数据的一部分。

数组和对象之间的区别在于，数组将具有数字索引的属性计数为数组数据的一部分，并相应地更新length 属性。 （Array 对象也有一些特定的方法来处理数组数据。）

var a = [];
a[42] = 1337;

现在长度已更改为包含该项目：

alert(a.length); // shows 43

使用字符串或数字作为索引无关紧要，数字索引即使是字符串也很重要：

alert(a[42]); // shows 1337
alert(a["42"]); // shows 1337

减少长度会删除它之外的属性：

a.length = 10;
alert(a[42]); // shows undefined

Answer 4

让我们先澄清一些事情：

new Object() 与{} 相同

new Array() 与[] 相同

后者只是前者的缩写形式。

在幕后，javascript 中的一切基本上都是一个对象（这有点夸张但相当准确）。数组只是从对象派生而来。这是一个数组 REALLY 的基本示例：

var myArray = {};

myArray[0] = 'value1';
myArray[1] = 'value2';
myArray[2] = 'value3';
myArray[length] = 3;

数组的原型包含所有的方法。例如：

// myArray#push
myArray.prototype.push = function(val){
  myArray[this.length] = val;
  this.length++;
}

另一种说明这一点的方法是获取一个数组并添加非数字键：

 var example = [];

 example.push(0);
 example.push(1);
 example.push(2);

 example['a'] = 'a';
 example['b'] = 'b';
 example['c'] = 'c';

 example.log = function(){
   for(var i = 0, l = this.length; i < l; i++){
     console.log( example[i] );
   }

   console.log(this['a']);
   console.log(this['b']);
   console.log(this['c']);
 }

 // example[0] is 0
 // example[1] is 1
 // example[2] is 2

 // example.log is my custom function

 example.log(); // results in
 // 0
 // 1
 // 2
 // a
 // b
 // c

另外，不要总是相信控制台告诉你的一切。例如，如果你这样做：

var console_confusion = {};

console_confusion.length = 100;
console_confusion.splice = function(){ /* do absolutely nothing */ };

console.log( console_confusion );//results in
//
// in Chrome:
// [undefined × 100]
//

Chrome 会将具有数字长度属性和拼接函数的任何内容解释为数组。这就是为什么 jQuery 对象在控制台中看起来像数组。

Answer 5

first is an array
second is an object array
third is an array object