Javascript forEachが実行を完了した後にコードを実行する方法

Question

したがって、ロード中のgifをng-showでオン/オフしたいと考えています。スクリプトがforEachを通して配列を読み込んだ後に、私は特にそれをオフにしたいと思います。私は.then()に似た何か。forEachは「全体のサイクルを完了したときにコードを実行されますが、forため

function selectAll(bool) { 
    vm.selectAllSpinner = true; 
    vm.practicesLeftCol = []; 
    if(bool === true){ 
    vm.practices.forEach(function(practice){ 
     practice.selected = true; 
     vm.practicesLeftCol.push(practice) 
    }) 
    I want this after the foreach ->vm.selectAllSpinner = false; 

    } else if (bool === false){ 
    vm.practices.forEach(function(practice){ 
     practice.selected = false; 
     vm.practicesLeftCol = []; 
    }) 
    I want this after the foreach ->vm.selectAllSpinner = false; 

    } 

Answer 1

をループしないのでforEachが非同期ではありませんどのように。そのように、あなたは文字通り書くことができ

：

：

function selectAll(bool) { 
      vm.selectAllSpinner = true; 
      vm.practicesLeftCol = []; 
      if(bool === true){ 
      vm.practices.forEach(function(practice){ 
       practice.selected = true; 
       vm.practicesLeftCol.push(practice) 
      }) 
      } else if (bool === false){ 
      vm.practices.forEach(function(practice){ 
       practice.selected = false; 
       vm.practicesLeftCol = []; 
      }) 
      } 
    vm.selectAllSpinner = false; 
} 

は、私はコードがより多くのようにようになり、一般的にクリーンアップすることができると思う、と述べました

function selectAll(bool) { 
    vm.selectAllSpinner = true; 
    vm.practicesLeftCol = []; 
    if (bool) { 
     vm.practicesLeftCol = vm.practices.reduce(function(memo, practice) { 
     practice.selected = true; 
     memo.push(practice); 
     return memo; 
     }, []); 
    } 
    vm.selectAllSpinner = false; 
} 

ここでも、reduceもforEachどちらも非同期であるので、これはただちょっとにコマンドを追加し、必要に応じて改行が続くセミコロン（;）区切り文字を使用し、... JavaScriptで

Answer 2

を動作するはずです前のコマンド。したがって

function selectAll(bool) { 
    vm.selectAllSpinner = true; 
    vm.practicesLeftCol = []; 
    if(bool === true){ 
     vm.practices.forEach(function(practice){ 
      practice.selected = true; 
      vm.practicesLeftCol.push(practice) 
     }); 
     vm.selectAllSpinner = false; //<--- 
    } else if (bool === false) { 
     vm.practices.forEach(function(practice){ 
      practice.selected = false; 
      vm.practicesLeftCol = []; 
     }); 
     vm.selectAllSpinner = false; //<--- 
    } 
} 

Answer 3

あいにくのforEachがコールバックを持っていない - しかし、あなたはこのような何か行うことができます：計算が行われているので

if(bool === true){ 
     vm.practices.forEach(function(practice){ 
      practice.selected = true; 
      vm.practicesLeftCol.push(practice); 
      items++; 
      if(items === your_array.length) { 
      vm.selectAllSpinner = false; 
      } 
     }) 

     }