共计 1460 个字符,预计需要花费 4 分钟才能阅读完成。
看了一些文章,大略是以下 2 个办法:
1、throw new Error()
长处:能够中断循环执行;实用于各种模式(for 循环,forEach 循环等)
毛病:相当于强制抛错中断执行,不仅终止了循环,后续代码也不再执行
废话不多说,上例子,找出【第一个爱吃芒果】的人:
const arr = [
{
name: '张三',
fruit: ['苹果', '香蕉']
},
{
name: '李四',
fruit: ['梨', '芒果']
},
{
name: '王五',
fruit: ['樱桃', '西瓜']
},
{
name: '小红',
fruit: ['菠萝', '芒果']
},
]
let person = undefined
for (let i = 0; i < arr.length; i++) {for (let j = 0; j < arr[i].fruit.length; j++) {if (arr[i].fruit[j] === '芒果') {console.log(arr[i].name, arr[i].fruit[j])
person = arr[i].name
// 在这里抛出异样
throw new Error('中断')
}
}
}
console.log('这里依然能够执行', person)
看打印的后果:在找到第一个芒果之后,就抛出错,没有执行后续循环以及代码
【总结】
实用于验证拦挡的状况,即没有后续代码。实用于各种循环模式
(然而抛个异样还是感觉怪怪的,不够完满啊)
2、为循环命名,跳出对应的循环
长处:多层循环时十分灵活(想跳出哪一层,就跳出哪一层);循环体前面的代码依然执行
毛病:必须是 for 循环!
上同样的例子:
const arr = [
{
name: '张三',
fruit: ['苹果', '香蕉']
},
{
name: '李四',
fruit: ['梨', '芒果']
},
{
name: '王五',
fruit: ['樱桃', '西瓜']
},
{
name: '小红',
fruit: ['菠萝', '芒果']
},
]
let person = undefined
// 为紧邻的 for 循环命名
testLoop:
for (let i = 0; i < arr.length; i++) {for (let j = 0; j < arr[i].fruit.length; j++) {console.log(arr[i].name, arr[i].fruit[j])
if (arr[i].fruit[j] === '芒果') {person = arr[i].name
// 跳出命名的循环
break testLoop
}
}
}
console.log('这里依然能够执行', person)
看打印的后果,不仅阻断了命名循环的执行,而且执行命名循环后续的代码!这就很妙了~
【总结】
1、因为后续代码依然执行,所以可用于多种逻辑状况
(比方循环次数十分十分多,你想优化执行速度,只有拿到想到的后果之后,立即终止循环)
2、灵便,非常灵活,跳出指定命名的循环;
3、所以就只好不辞辛苦地写 for 循环了,不过我认为值得
【番外篇】
我在想,是只须要变量紧邻的循环用 for 就能够了,还是每层都得用 for 循环呢??
机智(偷懒)的我,还是验证了一下,把第二层换成 forEach
果不其然,事实给了我惨重的一击!
let person = undefined
testLoop2:
for (let i = 0; i < arr.length; i++) {arr[i].fruit.forEach(item => {if (item === '芒果') {person = arr[i].name
break testLoop2
}
})
}
console.log('这里依然能够执行', person)
o(╥﹏╥)o
老老实实写 for 吧~
正文完
发表至: javascript
2021-08-19