JS phá vỡ ForEach?

Các angular.forEachvòng lặp không thể phá vỡ trên một trận đấu điều kiện.

Lời khuyên cá nhân của tôi là sử dụng vòng lặp NATIVE FOR thay vì angular.forEach.

Vòng lặp NATIVE FOR nhanh hơn khoảng 90% so với vòng lặp khác.

SỬ DỤNG vòng lặp CHO ANGULAR:

var numbers = [0, 1, 2, 3, 4, 5];

for (var i = 0, len = numbers.length; i < len; i++) {
  if (numbers[i] === 1) {
    console.log('Loop is going to break.'); 
    break;
  }
  console.log('Loop will continue.');
}

vui lòng sử dụng một số hoặc mọi phiên bản của ForEach,

Array.prototype.some:
some is much the same as forEach but it break when the callback returns true

Array.prototype.every:
every is almost identical to some except it's expecting false to break the loop.

Ví dụ cho một số:

var ary = ["JavaScript", "Java", "CoffeeScript", "TypeScript"];

ary.some(function (value, index, _ary) {
    console.log(index + ": " + value);
    return value === "JavaScript";
});

Ví dụ cho mọi:

var ary = ["JavaScript", "Java", "CoffeeScript", "TypeScript"];

ary.every(function(value, index, _ary) {
    console.log(index + ": " + value);
    return value.indexOf("Script") > -1;
});

Tìm thêm thông tin
http://www.jsnoob.com/2013/11/26/how-to-break-the-foreach/

Sử dụng Array Một số phương thức

 var exists = [0,1,2].some(function(count){
      return count == 1
 });

tồn tại sẽ trả về true và bạn có thể sử dụng điều này như một biến trong hàm của mình

if(exists){
    console.log('this is true!')
}

Mảng một số phương pháp - Javascript

Cụ thể, bạn có thể thoát khỏi một forEachvòng lặp, và ở bất kỳ nơi nào, ném một ngoại lệ.

try {
   angular.forEach([1,2,3], function(num) {
      if (num === 2) throw Error();
   });
} catch(e) {
    // anything
}

Tuy nhiên, sẽ tốt hơn nếu bạn sử dụng thư viện khác hoặc thực hiện chức năng của riêng bạn, một findchức năng trong trường hợp này, vì vậy mã của bạn là cấp cao nhất.

Nếu bạn sử dụng jQuery (do đó không phải jqLite) kết hợp với AngularJS, bạn có thể lặp lại với $ .each - cho phép ngắt và tiếp tục dựa trên biểu thức giá trị trả về boolean.

Mã thông báo:

http://jsfiddle.net/JEcD2/1/

Javascript:

var array = ['foo', 'bar', 'yay'];
$.each(array, function(index, element){
    if (element === 'foo') {
        return true; // continue
    }
    console.log(this);
    if (element === 'bar') {
        return false; // break
    }
});

Chú thích:

Mặc dù sử dụng jQuery không phải là xấu, cả hai hàm Array.some hoặc Array.every đều được MDN khuyên dùng khi bạn có thể đọc tại tài liệu forEach gốc :

"Không có cách nào để dừng hoặc phá vỡ vòng lặp forEach. Giải pháp là sử dụng Array.every hoặc Array.some"

Các ví dụ sau được MDN cung cấp:

Mảng

function isBigEnough(element, index, array){
    return (element >= 10);
}
var passed = [2, 5, 8, 1, 4].some(isBigEnough);
// passed is false
passed = [12, 5, 8, 1, 4].some(isBigEnough);
// passed is true

Mảng.every:

function isBigEnough(element, index, array){
    return (element >= 10);
}
var passed = [12, 5, 8, 130, 44].every(isBigEnough);
// passed is false
passed = [12, 54, 18, 130, 44].every(isBigEnough);
// passed is true

Theo như tôi biết, Angular không cung cấp chức năng như vậy. Bạn có thể muốn sử dụng find()chức năng gạch dưới cho việc này (về cơ bản là forEach sẽ thoát ra khỏi vòng lặp một khi chức năng trả về đúng).

http://underscorejs.org/#find

Thông thường không có cách nào để phá vỡ một vòng lặp "mỗi" trong javascript. Những gì có thể được thực hiện thường là sử dụng phương pháp "ngắn mạch".

    array.forEach(function(item) {
      // if the condition is not met, move on to the next round of iteration.
      if (!condition) return;

      // if the condition is met, do your logic here
      console.log('do stuff.')
    }

Như các câu trả lời khác, Angular không cung cấp chức năng này. Tuy nhiên, jQuery có và nếu bạn đã tải jQuery cũng như Angular, bạn có thể sử dụng

jQuery.each ( array, function ( index, value) {
    if(condition) return false; // this will cause a break in the iteration
})

Xem http://api.jquery.com/jquery.each/

Chỉ cần thêm chỉ mục $ và làm như sau:

angular.forEach([0,1,2], function(count, $index) {
     if($index !== 1) {
          // do stuff
     }
}

Hãy thử điều này như phá vỡ;

angular.forEach([0,1,2], function(count){
  if(count == 1){
    return true;
  }
});

Bạn có thể sử dụng điều này:

var count = 0;
var arr = [0,1,2];
for(var i in arr){
   if(count == 1) break;
   //console.log(arr[i]);
}

break không thể đạt được trong forEach góc, chúng ta cần sửa đổi forEach để làm điều đó.

$scope.myuser = [{name: "Ravi"}, {name: "Bhushan"}, {name: "Thakur"}];  
                angular.forEach($scope.myuser, function(name){
                  if(name == "Bhushan") {
                    alert(name);
                    return forEach.break(); 
                    //break() is a function that returns an immutable object,e.g. an empty string
                  }
                });

Tôi sẽ sử dụng returnthay vì break.

angular.forEach([0,1,2], function(count){
  if(count == 1){
    return;
  }
});

Hoạt động như một lá bùa.

var ary = ["JavaScript", "Java", "CoffeeScript", "TypeScript"];
var keepGoing = true;
ary.forEach(function(value, index, _ary) {
    console.log(index)
    keepGoing = true;
    ary.forEach(function(value, index, _ary) {
        if(keepGoing){ 
            if(index==2){
                keepGoing=false;
            }
            else{
                console.log(value)
            }

        }      
    });
});