108

以下两个不同的代码片段似乎与我等效：

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

和

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

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

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

4

8 回答 8

133

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

这是一个更具体的示例，为什么非数字键不“适合”数组：

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

alert(myArray.length);

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

于 2009-05-17T09:29:11.647 回答
14

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

像这样的功能：

concat
every   
filer
forEach
join
indexOf
lastIndexOf
map
pop
push
reverse
shift
slice
some
sort
splice
toSource
toString
unshift
valueOf
于 2009-05-17T09:17:23.483 回答
5

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

编码

var myArray = Array();

创建 Array 对象的实例，同时

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

创建 Object 对象的实例。

试试下面的代码

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

所以你会看到不同之处在于对象构造函数的类型。

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

于 2009-05-17T09:31:55.243 回答
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()or "abc"()or []()or or {}()or obj()whereobj是除 之外的任何类型）在语法上和语义上都不正确Function，因此任意对象实例不是Function. 但是，给定一个对象obj，它的类型为 as Array, Boolean, Date, ...，怎么obj会变成 as 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 解释器低级内置原语（例如MathandJSON和）的编程和实现的基础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 也可以嵌入任意功能。

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

于 2011-05-17T20:06:13.587 回答
3

您可以将命名属性添加到 javascript 中的几乎任何内容，但这并不意味着您应该这样做。 Array如果您想要使用关联数组，请在 javascript 中将其用作列表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"}
于 2017-01-23T08:36:38.930 回答
2

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

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

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

于 2018-04-19T06:51:48.950 回答
1

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

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

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

所以我们可以将命名属性添加到 Array

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

console.log(arr.length) // 0

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

console.log(Object.keys(clothing)); // ["A"]
console.log(Object.keys(clothing).length); //1
于 2020-12-17T18:20:59.277 回答
-1

-notation{}只是语法糖，使代码更好;-)

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

var Func = new Function("<params>", "<code>");
于 2009-05-17T09:14:33.833 回答