IE 8 中的 Javascript 数组问题

Question

据我所知，Javascript中的数组只不过是方法和对象的组合。

现在我的任务是显示数组的值（例如y_array），

我使用了for(x in y_array)，然后显示了该值。

在mozilla和IE中它工作正常，但在IE中它显示数组的第一个元素，索引为indexOf，值为indexOf(obj, from)，这是我不想要的。

我尝试过

if(x!='indexOf') {  display the array value ; }

它有效，一切都很好，但是显示了数组的广泛使用，我正在寻找一些永久的修复程序，而不是这个硬编码的修复程序。

有人可以帮我吗？

Answer 1

您不是第一个混淆数组和对象的人。 SO 应该包含此类问题的常见问题解答；）

让我们尝试解释一下：

数组是一行值，可以使用它们在行中的位置来检索。数组值的顺序是固定的（并且可以重新排序）。

对象是一个变量，包含键值对形式的命名属性。属于对象的键值对的顺序是任意的。

数组如下所示：[ 'first', 'second', 'third', ..., 'nth' ]
对象如下所示： { first:'firstvalue', secondary:'secondvalue', ..., nth:'nthvalue' }

数组的第一个元素是索引为 0 的元素（因此该行中的第一个位置的索引值为 0)。您可以使用 myArray[0] 检索它。

对象是无序的，因此它没有第一个元素。您可以使用 myObject.somekey 或 myObject['somekey'] 从中检索任何元素。

对于数组，您使用循环遍历编号索引，直到到达数组末尾：

var i=0, len = myArray.length;
for ( i; i<len; i++ ) {
     //do something with >>> myArray[i] <<<
}

对于对象，您使用使用键和 in 运算符的循环（确保您只检索用户定义的属性）对象的 .hasOwnAttribute 方法）：

for ( var key in myObject ){
  if (myObject.hasOwnProperty(key)) {
     // do something with >>> myObject[key] <<<
  }
}

基本上，将数组视为带有抽屉的柜子，每个抽屉都包含一个值。一个物体可以想象为一堆盒子，盖子上贴着贴纸，描述盒子里的东西。从物体中取出某物时，您会问：在 x 堆中是否有一个带有贴纸 y 的盒子，如果有，里面是什么？从数组中检索某些内容时，您会问：请给我抽屉 nr x 的内容。

现在关于您的问题：您使用 for..in 循环检索值的数组包含一个用户定义的方法，即 indexOf。使用对象样式循环，数组被视为对象，并显示 indexOf 键（其值类似于 function(){...} 我打赌）也。这就是为什么在迭代数组时最好使用带有数字索引的传统 for 循环。

为什么这只在 IE 中出现？在现代浏览器中，indexOf 是 Array 原型的本机方法，并且本机方法不会显示（除非您循环遍历它们的原型）。 IE < 9 没有用于数组的本机 indexOf 方法。在脚本中的某个位置，您使用的方法已作为用户定义的扩展添加到数组原型中。

问题的底线：不要使用 for ... in 循环遍历数组的值。

Answer 2

对于数组，您应该使用此 for 循环：

var y_array = [1,2,3,4];
for (var i = 0; i < y_array.length; i++) {
  var value = y_array[i];
  // do what you want
  alert(i + ': ' + value);
}

对于对象（对象类似于关联数组 - 属性：值），请使用此循环：

var y_array = { prop_1 : "value a", prop_2: "value_2", prop_3: 333 }
for (var key in y_array) {
   var value = y_array[key];
   // do what you want
   alert(key + ': ' + value);
}

Answer 3

如果 json 对象中没有值，如 jsobObj = {}。然后你在IE中的空对象中得到了indexOf原型函数< 9.（我敢打赌，其值类似于 function(){...} ）也显示了。

您可以检查 for 循环中的条件。并跳过那个indexOf。

if(key =='indexOf'){继续;}

例如：

var jsonObj = { key_1 : "value a", key_2: "value_2", key_3: 333 }
for (var key in y_array) {
if(key == 'indexOf'){continue;}           // check if the array contain indexOf 
   var value = y_array[key];
   // do what you want
   alert(key + ': ' + value);
}