如何在每个 FOR 循环步骤后运行函数答案

【问题标题】：How to run function after each FOR loop step如何在每个 FOR 循环步骤后运行函数
【发布时间】：2015-01-25 22:38:35
【问题描述】：

我需要将数组pts中的对象一个一个地转移到数组test，之后我需要用数组test调用函数mimicSvg

我什么都试了：

var test=[{"X":"300","Y":"400"}];
setTimeout(function () {
    for(var m=1;m<25;m++){
    var q = pts[m].X;
    var e = pts[m].Y;
    console.log(test);
    test.push({"X":q,"Y":e});
    mimicSvg(test,1);

    }
    }, 1000);

还有这个：

var test=[{"X":"300","Y":"400"}];
for(var m=1;m<pts.length;m++){

    var q = pts[m].X;
    var e = pts[m].Y;
    console.log(test);
    test.push({"X":q,"Y":e});
    alert(m);
  setInterval(mimicSvg, 2000, test, 1);

  }

还有这个：

setTimeout( "mimicSvg(test,1);test.push({"X":q,"Y":e});",m*3000 );

还有类似的：

setTimeout(function() {mimicSvg(test,1); test.push({"X":q,"Y":e});},m*3000 );

但每次传输后我都无法运行函数... 我的控制台如下所示：

和：

我很困惑...我哪里错了？为什么我不能像这样进行测试：

after 1. loop array[1] -> run function with this array
after 2nd loop array[2] -> run function ...
etc....

【问题讨论】：

不清楚你的预期结果是什么，实际结果是什么？可能是应该调用mimicSvg 而不是。如果有，你怎么知道？
在每一步之后，我将一个对象从 PTS 转移到 TEST，然后我需要运行函数，然后执行 2. step for loop where m=2 ... ...
你考虑过使用事件吗？如果您使用 jQuery（或 Backbone 或其他一些框架），您可以考虑触发自定义事件并设置自定义事件侦听器。
mimicSvg 在做什么？它需要整个test 数组吗？
mimicSvg 需要用 m 个对象进行测试

标签： javascript jquery arrays for-loop settimeout

【解决方案1】：

已编辑 试试这个：

var set_time;
var m = 0;
var add_array = function(){
    if(m < pts.length){
       var q = pts[m].X;
       var e = pts[m].Y;
       console.log(test);
       test.push({"X":q,"Y":e});
       mimicSvg(test,1);
       m++;
       set_time = setTimeout(add_array,1000);//it call itself again and again until m is more than the length of the array'
    }
}
set_time = setTimeout(add_array,1000);

我认为你的问题是for 立即运行所有数组的函数。
我想你想每 1 秒运行一次函数，这就是解决方案。
它被称为“Rucursion”，此函数将调用自身，直到 m 大于数组的长度 (if(m < pts.length))。
如果这不是您想要的，请向我解释更多细节。
希望对你有帮助:)

【讨论】：

@DavidThomas 谢谢你的建议 :) 我会编辑它，下次我会在我的答案中写下它的作用或原因。

【解决方案2】：

我认为您通过添加 setTimeout 或 setInterval 方法会使事情复杂化。你不能简单地在循环中运行mimicSvg 调用吗？假设这是正确的，这是我的解决方案：

  /** assuming pts and mimicSvg is available in this scope */

  var testData = [{x: 300, y:400}];

  for(var m=1;m<pts.length;m++){
    var pt = pts[m];
    var itemForTest = {X: pt.X, Y: pt.Y}

    console.log("Test Data at iteration " + m, testData);

    testData.push(itemForTest);

    mimicSvg(testData, m);

  }

如果调用setTimeout 或setInterval 有充分的理由，请解释为什么需要这些。

【讨论】：