Làm cách nào bạn có thể ngắt và quay lại vòng lặp forEach trong JavaScript? . bạn không thể. Không thể thoát khỏi các vòng lặp forEach trong JavaScript. Tuy nhiên, có một số cách giải quyết và cũng có những lựa chọn thay thế
Mặc dù chúng tôi không thể ngắt và trả về từ một forEach trong JavaScript, nhưng chúng tôi vẫn có thể trả về các giá trị bằng một biến bên ngoài theo cách sau
let productDetails
products.forEach[product => {
if [product.id === 123] {
productDetails = product
}
}]Đã sao chép vào khay nhớ tạm. Sao chép
Về cơ bản, ở đây chúng tôi đặt một biến bên ngoài vòng lặp forEach thành một trong các mục, dựa trên ID. Với điều kiện phù hợp bên trong câu lệnh
// This will return the product with the ID of 1
products.find[product => product.id === 1]
// Even though we might have multiple products which are on sale
// this will only return the first match
products.find[product => product.onSale]
// This will return undefined
products.find[product => product.id === 'invalid']forEachTìm cách để cải thiện kỹ năng của bạn?
Sử dụng mảng. tìm thấy
Ví dụ trên cũng có thể được viết lại bằng phương thức
// This will return the product with the ID of 1
products.find[product => product.id === 1]
// Even though we might have multiple products which are on sale
// this will only return the first match
products.find[product => product.onSale]
// This will return undefined
products.find[product => product.id === 'invalid']// This will return the product with the ID of 1
products.find[product => product.id === 1]
// Even though we might have multiple products which are on sale
// this will only return the first match
products.find[product => product.onSale]
// This will return undefined
products.find[product => product.id === 'invalid']// This will return the product with the ID of 1
products.find[product => product.id === 1]
// Even though we might have multiple products which are on sale
// this will only return the first match
products.find[product => product.onSale]
// This will return undefined
products.find[product => product.id === 'invalid']Đã sao chép vào khay nhớ tạm. Sao chép
Đối với ví dụ đầu tiên, chúng tôi có một đối tượng được trả về vì mỗi ID là duy nhất. Nhưng trong trường hợp thứ hai, chúng tôi có thể có nhiều sản phẩm đang được giảm giá, nhưng chúng tôi vẫn chỉ nhận lại sản phẩm đầu tiên vượt qua bài kiểm tra. Nếu không có kết quả khớp, phương thức
// This will return the product with the ID of 1
products.find[product => product.id === 1]
// Even though we might have multiple products which are on sale
// this will only return the first match
products.find[product => product.onSale]
// This will return undefined
products.find[product => product.id === 'invalid']// This will return the product with the ID of 1
products.find[product => product.id === 1]
// Even though we might have multiple products which are on sale
// this will only return the first match
products.find[product => product.onSale]
// This will return undefined
products.find[product => product.id === 'invalid']Sử dụng mảng. tìm Index
Một giải pháp tương tự nhưng hơi khác đối với
// This will return the product with the ID of 1
products.find[product => product.id === 1]
// Even though we might have multiple products which are on sale
// this will only return the first match
products.find[product => product.onSale]
// This will return undefined
products.find[product => product.id === 'invalid']// This will return the product with the ID of 1
products.find[product => product.id === 1]
// Even though we might have multiple products which are on sale
// this will only return the first match
products.find[product => product.onSale]
// This will return undefined
products.find[product => product.id === 'invalid']// This will return the product with the ID of 1
products.find[product => product.id === 1]
// Even though we might have multiple products which are on sale
// this will only return the first match
products.find[product => product.onSale]
// This will return undefined
products.find[product => product.id === 'invalid']// This will return 2
[1, 2, 3].findIndex[number => number === 3]
// This will return -1
[1, 2, 3].findIndex[number => number === 4]Đã sao chép vào khay nhớ tạm. Sao chép
Tìm cách để cải thiện kỹ năng của bạn?
Sử dụng mảng. một số để trả về Đúng hoặc Sai
Trong trường hợp bạn cần thoát khỏi một vòng lặp và trả về một giá trị boolean, chúng ta có thể sử dụng phương thức
// This will return the product with the ID of 1
products.find[product => product.id === 1]
// Even though we might have multiple products which are on sale
// this will only return the first match
products.find[product => product.onSale]
// This will return undefined
products.find[product => product.id === 'invalid']// This will return the product with the ID of 1
products.find[product => product.id === 1]
// Even though we might have multiple products which are on sale
// this will only return the first match
products.find[product => product.onSale]
// This will return undefined
products.find[product => product.id === 'invalid']// This will return the product with the ID of 1
products.find[product => product.id === 1]
// Even though we might have multiple products which are on sale
// this will only return the first match
products.find[product => product.onSale]
// This will return undefined
products.find[product => product.id === 'invalid']// This will return 2
[1, 2, 3].findIndex[number => number === 3]
// This will return -1
[1, 2, 3].findIndex[number => number === 4]// This will return 2
[1, 2, 3].findIndex[number => number === 3]
// This will return -1
[1, 2, 3].findIndex[number => number === 4]// This will return 2
[1, 2, 3].findIndex[number => number === 3]
// This will return -1
[1, 2, 3].findIndex[number => number === 4]// We do have some products which are on sale so we get back true
products.some[product => product.onSale]
// None of the items are less than 0, so we get back false
[1, 2, 3].some[item => item number === 3]
// This will return -1
[1, 2, 3].findIndex[number => number === 4]Sử dụng mảng. every để kiểm tra mọi phần tử
// This will return 2
[1, 2, 3].findIndex[number => number === 3]
// This will return -1
[1, 2, 3].findIndex[number => number === 4]// This will return the product with the ID of 1
products.find[product => product.id === 1]
// Even though we might have multiple products which are on sale
// this will only return the first match
products.find[product => product.onSale]
// This will return undefined
products.find[product => product.id === 'invalid']// This will return 2
[1, 2, 3].findIndex[number => number === 3]
// This will return -1
[1, 2, 3].findIndex[number => number === 4]// This will return 2
[1, 2, 3].findIndex[number => number === 3]
// This will return -1
[1, 2, 3].findIndex[number => number === 4]// This will return 2
[1, 2, 3].findIndex[number => number === 3]
// This will return -1
[1, 2, 3].findIndex[number => number === 4]// This produces false
products.every[product => product.onSale]
// This produces true
products.every[product => product.name]Đã sao chép vào khay nhớ tạm. Sao chép
Trong ví dụ đầu tiên, chúng tôi lấy lại
// This will return 2
[1, 2, 3].findIndex[number => number === 3]
// This will return -1
[1, 2, 3].findIndex[number => number === 4]// This will return 2
[1, 2, 3].findIndex[number => number === 3]
// This will return -1
[1, 2, 3].findIndex[number => number === 4]// We do have some products which are on sale so we get back true
products.some[product => product.onSale]
// None of the items are less than 0, so we get back false
[1, 2, 3].some[item => item number === 3]
// This will return -1
[1, 2, 3].findIndex[number => number === 4]Tìm cách để cải thiện kỹ năng của bạn?
Sử dụng vòng lặp thông thường
Cuối cùng nhưng không kém phần quan trọng, chúng ta cũng có thể sử dụng các vòng lặp thông thường hỗ trợ các câu lệnh
// We do have some products which are on sale so we get back true
products.some[product => product.onSale]
// None of the items are less than 0, so we get back false
[1, 2, 3].some[item => item product.onSale]
// None of the items are less than 0, so we get back false
[1, 2, 3].some[item => item product.onSale]
// None of the items are less than 0, so we get back false
[1, 2, 3].some[item => item product.onSale]
// None of the items are less than 0, so we get back false
[1, 2, 3].some[item => item product.onSale]
// This produces true
products.every[product => product.name]// This will return 2
[1, 2, 3].findIndex[number => number === 3]
// This will return -1
[1, 2, 3].findIndex[number => number === 4]const array = [1, 2, 3]
// Using a for loop
for [let i = 0; i product.name]// This produces false
products.every[product => product.onSale]
// This produces true
products.every[product => product.name]// This produces false
products.every[product => product.onSale]
// This produces true
products.every[product => product.name]Sức mạnh của các hàm mảng bậc cao
tìm, một số, lập bản đồ, giảm, mọi, lọcTìm hiểu mọi thứ bạn cần biết về các phương thức mảng bậc cao và cách bạn có thể sử dụng chúng với toàn bộ tiềm năng của chúngBreak có dừng forEach không?
break kết thúc thực thi cấu trúc for , foreach , while , do-while hoặc switch hiện tại .
Bạn có thể thoát ra khỏi forEach không?
Bạn không thể thoát Vòng lặp forEach , Vì vậy, hãy sử dụng every[] để thay thế
. Vì vậy, nếu bạn chèn một câu lệnh break, nó sẽ trả về SyntaxError. đặt số = [2, 4, 5, 8, 12] đặt số lẻ = 5; .
Làm cách nào để ngắt vòng lặp forEach trong JavaScript?
Câu trả lời ngắn gọn là. bạn không thể . Không thể ngắt vòng lặp forEach trong JavaScript. Tuy nhiên, có một số cách giải quyết và cũng có những lựa chọn thay thế.
Làm cách nào để ngăn chặn forEach?
Sử dụng every[] thay vì forEach[]
. // In "1, 2, 3" [1, 2, 3, 4, 5]. every[v => { if [v > 3] { return false; } bảng điều khiển. nhật ký [v]; .