javascript - 仅使用javascript一个一个地打印关联数组元素

Question

我有这个代码

<script type="text/javascript">
var slideStart = 1;
var slideCount = 4;
function callArr() {
    var arrName = {"rose":"5", "daisy":"4",
                   "orchid":"3", "sunFlower":"10",
                   "Lily":"15"};
    for (var flwr in arrName) {
        if (slideStart <= slideCount) {
            document.getElementById('test').innerHTML += flwr +
                                                         "   >>>>>>>>   " +
                                                         arrName[flwr] +
                                                         "<br />";
            slideStart++;
            break;
        }
    }
}
</script>

我想在任何事件中单独访问数组元素。任何人都可以帮我解决这个问题吗？？？？

Answer 1

当然它只会打印第一个元素，因为你使用这样的条件

if (slideStart <= slideCount)

修改您的代码以循环访问对象属性。可能的解决方案之一:

var slideStart = 0;
var slideCount = 4;
function callArr() {
    var arrName = {"rose":"5", "daisy":"4",
                   "orchid":"3", "sunFlower":"10",
                   "Lily":"15"};
    var i = 0;
    for (var flwr in arrName) {
        if (i == slideStart) {
            document.getElementById('test').innerHTML += flwr +
                                                         "    " +
                                                         arrName[flwr] +
                                                         "<br />";
            slideStart++;
            break;
        }

        i++;
    }
}

在这里试试:http://jsfiddle.net/2nDv8/

如您所见，它会在每次调用后打印下一个属性。