[1,2,3].forEach(function(el) {
if(el === 1) break;
});
如何在JavaScript中使用新的forEach方法实现这一点？我尝试过返回；，return false；和断裂。break崩溃，return只会继续迭代。
当前回答
const Book = {"Titles":[
{"Book3" : "BULLETIN 3"},
{"Book1" : "BULLETIN 1"},
{"Book2" : "BULLETIN 2"}
]}
const findbystr = function(str) {
Book.Titles.forEach(function(data) {
if (typeof data[str] != 'undefined') {
return data[str];
}
}, str)
}
book = findbystr('Book1');
console.log(book);
其他回答
从您的代码示例中，它看起来像Array.prototype.find，这就是您要查找的：Array.prototy.find（）和Array.prototype.findIndex（）
[1, 2, 3].find(function(el) {
return el === 2;
}); // returns 2
使用array.prototype.every函数，它为您提供了中断循环的实用程序。请参阅Mozilla开发者网络上的Javascript文档示例
如前所述，不能破坏.forEach（）。
这里有一种使用ES6迭代器进行foreach的稍微更现代的方法。允许您在迭代时直接访问索引/值。
const array = ['one', 'two', 'three'];
for (const [index, val] of array.entries()) {
console.log('item:', { index, val });
if (index === 1) {
console.log('break!');
break;
}
}
输出：
item: { index: 0, val: 'one' }
item: { index: 1, val: 'two' }
break!
链接
Array.prototype.entries（）迭代器和发电机解构赋值
您可以使用每种方法：
[1,2,3].every(function(el) {
return !(el === 1);
});
ES6
[1,2,3].every( el => el !== 1 )
对于旧浏览器支持使用：
if (!Array.prototype.every)
{
Array.prototype.every = function(fun /*, thisp*/)
{
var len = this.length;
if (typeof fun != "function")
throw new TypeError();
var thisp = arguments[1];
for (var i = 0; i < len; i++)
{
if (i in this &&
!fun.call(thisp, this[i], i, this))
return false;
}
return true;
};
}
更多详情请点击此处。
React中内置Array.prototype.map函数的突破
这里要注意的关键是使用语句return to BREAK
let isBroken = false;
colours.map(item => {
if (isBroken) {
return;
}
if (item.startsWith("y")) {
console.log("The yessiest colour!");
isBroken = true;
return;
}
});
此处提供更多信息：https://www.codegrepper.com/code-examples/javascript/break+out+of+map+javascript
