setTimeout for for each循环

Question

如果满足某个条件，我想延迟在forEach循环中调用另一个函数，但是在这种情况下我不了解setTimeout。

function checkName(person) { 
    console.log('checking name of ' + person.name) 
    if (person.name === 'Julie') return true 
} 

function checkPersons() { 
    var persons = [ 
     {name: 'Bob', age: 21}, 
     {name: 'Frank', age: 15}, 
     {name: 'Julie', age: 12} 
    ] 

    var results = [] 

    persons.forEach(function(person) { 
     if (person.age >= 18) { 
      console.log('do not need to check name of ' + person.name) 
      results.push(person) 
     } else { 
      setTimeout(function() { 
       if (checkName(person)) { 
        console.log('Julie is ' + person.name) 
        results.push(person) 
       } 
      }, 5000) 
     }   
    }) 
} 

checkPersons() 

https://jsfiddle.net/nicholasduffy/sy7qpqu1/1/

我得到

do not need to check name of Bob 
// 5 second delay here 
checking name of Frank 
checking name of Julie 
Julie is Julie 

我将每一次我需要调用checkName

do not need to check name of Bob 
// 5 second delay here 
checking name of Frank 
// 5 second delay here 
checking name of Julie 
Julie is Julie 

Answer 1

如其他人一样有5秒的延迟上面提到的setTimeout是异步的，所以js在forEach所有超时函数上触发，等待时间为5秒。所以5秒后，所有的时间都在“相同”时间运行。

为了避免这种情况，你既可以做一个排队和运行只是一个暂停，当你完成拨打下一个，或在这种情况下，一个简单的解决办法是根据人的指标只是调整等待时间你迭代：

persons.forEach(function(person, index) { // we add index param here, starts with 0 
    //your code 
    else{ 
     setTimeout(function() { 
      if (checkName(person)) { 
       console.log('Julie is ' + person.name) 
       results.push(person) 
      } 
     }, 5000*(index+1)) // or just index, depends on your needs 
    }   
}) 

这样，第一个将5秒，10后，第二次运行后，第三个15等

Answer 2

var index = 1; 
persons.forEach(function(person) { 
     if (person.age >= 18) { 
      console.log('do not need to check name of ' + person.name) 
      results.push(person) 
     } else { 
      setTimeout(function() { 
       if (checkName(person)) { 
        console.log('Julie is ' + person.name) 
        results.push(person) 
       } 
      }, (index)*5000); 
      index++; 
     }   
    })