javascript - jquery无限数数组事件

Question

我不确定这是否就是您所说的，但基本上，我正在抓取存储在本地存储中的一个键中的城市列表。我用逗号将它们分开，然后使用相应的 id 值动态检查复选框。现在我想在那里有任意数量的城市，所以我不想单独选中 [0]、[1] 等框，但是否有无限的方式来执行此操作或其他操作。对不起，如果这不清楚。我会在下面发布我的代码，我下面的代码是选中键 0-5 的框，我希望能够做到 0 - 无限制，可以这么说。任何帮助表示赞赏。

<script type="text/javascript">
            var refreshId = setInterval(function()
                                        {
            var citySplit = localStorage.getItem("city2");

            var myResult = citySplit.split(",");

            $("#"+myResult[0]+"").prop("checked", true);
            $("#"+myResult[1]+"").prop("checked", true);
            $("#"+myResult[2]+"").prop("checked", true);
            $("#"+myResult[3]+"").prop("checked", true);
            $("#"+myResult[4]+"").prop("checked", true);
            $("#"+myResult[5]+"").prop("checked", true);
             }, 6500);

            </script>

Answer 1

许多方法可以做到这一点:

注意:所有这些示例都未经测试。

---

简单的 while 循环 - 0, 1, 2, 3, 4

var i = 0,
    len = myResult.length;

while ( i < len ) {
    $( "#" + myResult[i] ).prop("checked", true);
    i++;
}

---

简单的 for 循环 - 0, 1, 2, 3, 4

for ( var i = 0, len = myResult.length; i < len; i++ ) {
    $( "#" + myResult[i] ).prop("checked", true);
}

---

jQuery.each 方法，使用 this 进行回调

$.each(myResult, function() {
    $( "#" + this ).prop("checked", true);
}

或者jQuery.each 方法，回调使用 arguments[1] (value)

$.each(myResult, function(key, value) {
    $( "#" + value ).prop("checked", true);
}

---

while - 从后面循环 4, 3, 2, 1, 0

var len = myResult.length

while( len-- ) {
    $( "#" + myResult[len] ).prop("checked", true);
}

---

for - 从后面循环 4, 3, 2, 1, 0

for( var i = myResult.length; i > 0; i-- )
    $( "#" + myResult[i-1] ).prop("checked", true);

---

while-loop popping array 这会从 4, 3, 2, 1, 0 后面破坏数组

while( myResult.length ) {
    $( "#" + myResult.pop() ).prop("checked", true);
}

或者while - 循环移位数组这会破坏数组从 0, 1, 2, 3, 4 开始

while( myResult.length ) {
    $( "#" + myResult.shift() ).prop("checked", true);
}

---

???

---

$.map(myResult, function(value) {
    return "#" + value;
}).each(function() {
    $(this).prop("checked", true);
};

---

$.map(myResult, function( value ) {
    return $("#" + value);
}).prop("checked", true);

---

如您所见，有很多方法可以处理数组。

为了简单起见，我建议您使用前两种方法中的一种。

jQuery.each 方法非常好，因为您可以在本地范围内获取数组的键和值。 (键 = 0、1、2、3、4，...)(值 = myResult[key] 是什么)。

我们销毁数组的两个地方也很好。但我不会建议您在了解更简单的方法之前不要使用这些。我可以想到使用这种方法的情况是，如果您必须按特定顺序加载大量文件或初始化大量函数:

var func1 = function() {
        alert("func1");
    },
    func2 = function() {
        alert("func2");
    },
    func3 = function() {
        alert("func3");
    },
    queue = [func1, func2, func3];

while( queue.length ) {
    (queue.shift())(); 
    // or
    //(queue.pop())();
}