如何在javascript中循环遍历此数组?

时间:2013-02-18 18:38:48

标签: javascript

我正在尝试遍历此数组,但它不会返回任何长度。有可能吗?

谢谢!

<!DOCTYPE html>
<html>
  <body>
    <button onclick="myFunction()">click</button>
    <script>
      function myFunction()
      {
        var fruits = [];
        fruits["B"] = "Banana";
        fruits["A"] = "Apple";
        fruits["O"] = "Orange";

        delete fruits["A"];

        alert(fruits["A"]); // Alerts "undefined"
        alert(fruits["B"]); // Alerts "Banana"
        alert(fruits.length); // Alerts "0"
      }
    </script>

  </body>
</html>

4 个答案:

答案 0 :(得分:8)

数组只能有数字索引。当您编写fruits["B"] = "Banana";时,您正在为对象分配属性(数组是对象),而不是向数组添加项。

您可以使用数字索引正确使用数组,也可以使用带字符串键的对象:

var fruits = [];
fruits.push("Banana");
alert(fruits[0]); // "Banana"

var fruits = {};
fruits["B"] = "Banana";
alert(fruits["B"]); // "Banana"

如果您需要对象的长度,请使用Object.keys(fruits).length; Docs

答案 1 :(得分:2)

看起来你想要一个对象而不是一个数组,所以你可以按键访问一个元素:

var fruits = {
    a : 'apple',
    b : 'banana'
};

fruits.a //apple
fruits['b'] //banana

然后你可以通过键遍历它们:

for( var item in fruits ){
    fruits[ item ];
}

需要注意的是,这将循环遍历水果中的所有键以及它继承的任何对象(在我的示例中是唯一的object.prototype)。如果你想小心你可以使用hasOwnProperty方法来确保水果对象上的属性存在,而不是它的任何原型:

for( var item in fruits ){

    if( fruits.hasOwnProperty( item ) ){
        fruits[ item ];
    }
}

答案 2 :(得分:1)

您要找的是一个JavaScript对象。如果将fruits变量声明为对象文字,则可以执行所需的操作。

var fruits = {};
fruits["B"] = "Banana"; // Can also do this as fruits.B = "Banana";
fruits["A"] = "Apple";
etc.

然后执行alert(fruits["A"])之类的操作会给你一条警告信息,说明你想要的“Apple”。但是,JavaScript对象没有length属性,但你可以执行Object.keys(fruits),它将返回 fruits 变量的键数组,然后你可以访问它的length属性

答案 3 :(得分:0)

你不能像这样声明数组。你需要使用new keyword

声明数组
var Fruit=new Array("Banana","Apple","Orange");

然后你可以像这样访问

 alert(Fruit[0]);//Banana
    alert(Fruit[1]);//Apple
    alert(Fruit[2]);/Orange

希望这会起作用