Javascript 对象属性与数组值

Question

我正在尝试学习 javascript(来自 Delphi/pascal)并且不清楚对象属性和数组值之间的相同点和不同点。我确实尝试在文件和网络上搜索这个答案。

考虑以下代码:

function Show(Arr) {
  var str ='';
  for (var Val in Arr) {
      str += Val + '::' + Arr[Val] + '\n';
  }   
  return str;
}
var str = '';
var A1 = ["Yellow", "Red", "Blue"];
var A2 = {"color":"red", "Size": 5, "taste":"sour"}

alert(Show(A1));
//OUTPUTS: 
//    0::Yellow
//    1::Red
//    2::Blue

A1.push("Green");
alert(Show(A1));
//OUTPUTS: 
//    0::Yellow
//    1::Red
//    2::Blue
//    3::Green

alert('Length: '+A1.length);
//OUTPUTS: 
//   Length: 4

alert(Show(A2));
//OUTPUTS:
//  color::red
//  Size::5
//  taste:sour

alert('Length: '+A2.length);
//OUTPUTS: 
//   Length: undefined

A2.push("Green");
//ERROR --> execution stops on jsfiddle.net. 
alert("OK");  //<-- never executed
alert(Show(A2));  //<-- never executed

我知道在 javascript 中几乎一切都是对象。我一直在阅读这里 ( http://javascript.info/tutorial/objects ) 和这里 ( http://www.w3schools.com/js/js_objects.asp )。

我看到数组可以通过索引访问，例如A1[3] --> Blue，和其他语言一样。但我还看到可以通过这种方式访问​​属性，例如A2["大小"] --> 5。所以乍一看，数组值和属性值看起来本质上是一样的。但是可以使用 .push(value) 命令扩展数组，而不能扩展属性。

我的 Show 函数对数组和对象都有效是巧合吗？

其实，我写这个和研究这个话题，难道只是所有的数组都是对象，而不是所有的对象都是数组吗？那么 Show() 中的 for...in 循环实际上会根据发送的对象类型而有所不同吗？

如能帮助澄清这一点，我们将不胜感激。谢谢。

Answer 1

So at first blush, it looks like array values and property values are essentially the same.

数组条目和对象属性确实是一回事，因为 JavaScript 的标准数组 aren't really arrays at all ，它们只是具有一些附加功能的对象。其中两个功能是特殊的 length属性(property)，和push功能，这就是为什么你看不到那些带有 A2 的原因.

您对括号表示法的观察特别准确。在 JavaScript 中，您可以使用方括号表示法和字符串访问对象属性，如下所示:

var o = {answer: 42};
console.log(o['answer']); // 42

当使用数组“索引”时，这正是您正在做的事情并不为人所知:

var a = ['a', 'b', 'c'];
console.log(a[1]); // b

1我们正在使用 a[1] ，从技术上讲，根据规范，被强制转换为字符串 ( a["1"] )，然后该属性名称 用于查找对象的属性。

So then does the for...in loop in Show() actually work differently depending on which type of object is sent in?

不，for-in对所有对象都一样。它迭代对象的可枚举 属性的名称。无论您使用的是数组还是任何其他对象都没有关系。

请注意，并非所有属性都是可枚举的。例如，Array#length不是，也不是 Array#push或 Object#toString或对象的任何其他内置属性。

但例如，您可以看到 for-in对于数组和像这样的其他对象是一样的:

var a = ['zero'];      // An array with one entry
a.answer = 42;         // We've added a property to the object that isn't an array entry
console.log(a.length); // 1, because `length` only relates to array "indexes" as
                       // defined by the specification
var key;
for (key in a) {
    console.log(key + "=" + value);
}
// Shows (in *no reliable order*):
// 0=zero
// answer=42

更多关于 for-in :

• > Myths and realities of for..in (在我的博客上)
• > My answer to the question For each in array, how to do that in JavaScript? here on SO