为什么我可以将命名属性添加到数组中，就好像它是一个对象一样？

Question

下面两个不同的代码sn-ps好像和我一样：

var myArray = Array();
myArray['A'] = "Athens";
myArray['B'] = "Berlin";

和

var myObject = {'A': 'Athens', 'B':'Berlin'};

因为它们的行为相同，而且typeof(myArray) == typeof(myObjects)（都产生“对象”）。

这些变体之间有什么区别吗？

Answer 1

数组与 JavaScript 中其他对象的区别。虽然数组有一个神奇的更新长度属性，但对于数组以外的对象，没有办法实现这样的属性。

var arrName = [];
arrName[5] = "test";
arrName.length; // <- 6

数组用于存储带有序数索引的东西 - 像传统的数组、堆栈或队列一样使用它。对象是一个散列 - 将它用于具有不同键的数据。

Answer 2

在 JavaScript 中，数组是特殊类型的对象

typeof new Array(); // returns "object" 
typeof new Object(); // returns "object

使用编号索引的数组和使用命名索引的对象

这样我们就可以将命名属性添加到数组中

const arr = []
arr["A"] = "Hello" //["A":"Hello"]

console.log(arr.length) // 0 

arr.length 返回 0 ，因为具有命名索引的数组更喜欢调用对象

console.log(Object.keys(clothing)); // ["A"]
console.log(Object.keys(clothing).length); //1

Answer 3

您可以将命名属性添加到 javascript 中的几乎任何内容，但这并不意味着您应该这样做。 javascript 中的Array 应用作列表，如果您想要关联数组，请改用Object。

请注意，如果您真的想使用带有命名属性的 Array 而不是 Object，则这些属性将无法在 for...of 循环中访问，并且当 JSON 对其进行编码以传递它时，您还可能会得到意想不到的结果大约。请参阅下面的示例，其中所有 非数字 索引都被忽略：

let arr = [];
let obj = {};

arr['name'] = 'John';
obj['name'] = 'John';

console.log(arr);    // will output [name: "John"]
console.log(obj);    // will output {name: "John"}

JSON.stringify(arr); // will return [] <- not what you expected
JSON.stringify(obj); // will return {"name":"John"}

Answer 4

JavaScript 中的一切都是原始类型之外的对象。

代码

var myArray = Array();

创建 Array 对象的实例，同时

var myObject = {'A': 'Athens', 'B':'Berlin'};

创建一个 Object 对象的实例。

试试下面的代码

alert(myArray.constructor)
alert(myObject.constructor)

所以你会看到区别在于对象构造函数的类型。

Array 对象的实例将包含 Array 原型的所有属性和方法。

Answer 5

我认为，我对之前的回答过于隐喻和神秘。澄清如下。

Array、Boolean、Date、Function、Number、RegExp、String 的实例是一个对象，但增强了针对每种类型的方法和属性。例如，数组具有预定义的length 属性，而通用对象则没有。

javascript:alert([].length+'\n'+{}.length)

展示

0 不明确的

从本质上讲，FF Gecko 解释器还区分了数组和通用对象，它们在评估语言结构时存在明显差异。

javascript:
  ra=[  "one",   "two",   "three"]; ra.a=4;
  ob={0:"one", 1:"two", 2:"three"}; ob.a=4;
  alert(
    ra            +"\n\n"+
    ob            +"\n\n"+
    ra.toSource() +"\n\n"+
    ra.a          +"\t .toSource() forgot me! \n\n"+
    ra.length     +"\t and my length! \n\n"+
    ob.toSource());
  ps=""; for(i in ra)ps+=i+" "; alert(ps);  /* NB .length is missing! */
  ps=""; for(i in ob)ps+=i+" "; alert(ps);

显示

一二三 [对象对象] [“一二三”] 4 .toSource() 忘记了我！ 3和我的长度！ ({0:"一", 1:"二", 2:"三", a:4})

和0 1 2 a 和0 1 2 a。

关于所有对象都是函数的说法：

将任意对象实例用作123() 或"abc"() 或[]() 或{}() 或obj() 之类的函数在语法上和语义上都不正确，其中obj 是@987654332 以外的任何类型@，所以任意对象实例不是Function。然而，给定一个对象obj，它的类型为Array, Boolean, Date, ...，obj 是如何变成Array, Boolean, Date, ... 的？什么是Array, Boolean, Date, ...？

javascript:
    alert([Array, Boolean, Date, Function, 
              Number, Object, RegExp, String] . join('\n\n') );

展示

function Array() {
    [native code]
}

function Boolean() {
    [native code]
}

function Date() {
    [native code]
}

function Function() {
    [native code]
}

function Number() {
    [native code]
}

function Object() {
    [native code]
}

function RegExp() {
    [native code]
}

function String() {
    [native code]
}

在任何情况下，对象类型都明确表示为function 定义，因此声明所有对象都是函数！ （开玩笑的是，我故意模糊和模糊了对象实例与其类型的区别！不过，这表明“你不能没有另一个”，对象和函数！大写强调类型为反对实例。）

函数范式和对象范式似乎都是 JS 解释器低级内置原语的编程和实现的基础，例如 Math 和 JSON 和 true。

 javascript:alert([Math, JSON, true.toSource()].join("\n\n"));

展示

[object Math]

[object JSON]

(new Boolean(true))

---

在开发 Javascript 时，以对象为中心的编程风格（OOP's - Object Oriented Programming style - “'s” 是我自己的双关语！）很流行，解释器同样被命名为 Java，以提供它更大的可信度。函数式编程技术被降级为更抽象和深奥的考试，研究自动机、递归函数、形式语言等理论，因此不受欢迎。然而，这些形式考虑的优势在 Javascript 中明显体现出来，特别是在 FF 的 Gecko 引擎中实现（即.toSource()）。

---

Function 的 Object 定义特别令人满意，因为它被定义为递归关系！使用它自己的定义来定义！

function Function() { [native code] }
由于函数是一个对象，因此对于
function Object() { [native code] } 也有同样的看法。

大多数其他定义停顿为静态终端值。但是，eval() 是一个特别强大的原语，因此 String 也可以嵌入任意功能。

再次注意，上面使用的白话掩盖了对象类型和实例的区别。

Answer 6

实际上，javascript 中的所有内容都是一个对象，因此您可以通过在其上设置任意属性来“滥用”Array 对象。这是should be considered harmful。数组用于数字索引数据 - 对于非数字键，请使用 Object。

这里有一个更具体的例子，说明为什么非数字键不能“适应”数组：

var myArray = Array();
myArray['A'] = "Athens";
myArray['B'] = "Berlin";

alert(myArray.length);

这不会显示“2”，而是“0” - 实际上，没有向数组添加任何元素，只是向数组对象添加了一些新属性。

Answer 7

在 JS 中数组是对象，只是稍作修改（增加了一些函数）。

功能如下：

concat
every   
filer
forEach
join
indexOf
lastIndexOf
map
pop
push
reverse
shift
slice
some
sort
splice
toSource
toString
unshift
valueOf 

Answer 8

{}-notation 只是语法糖，让代码更漂亮；-)

JavaScript 有许多类似的构造，例如函数的构造，其中 function() 只是

var Func = new Function("<params>", "<code>");