7种你可能不知道的JavaScript循环变体
web前端开发
共 1725字,需浏览 4分钟
·
2021-04-07 00:49
1、while
let i = 0
// Log: 1 2 3
while (i < 3) {
console.log(i)
i++
}
2、do while
do ... while循环结构,像while循环一样,当测试返回时,它将遍历代码块true。但是,与while循环不同的是,该循环将至少执行一次,然后在循环的末尾而不是在开始时进行检查。
let i = 0
do {
i += 1
console.log(i)
} while (i < 5)
// Log: 1 2 3 4 5
3、for
for循环是使用最广泛的循环。它用于各种任务,例如,遍历数组或特定次数。与while循环不同,你不必自己更新测试值。
for(let i = 0; i < 10; i++){
console.log(i)
}
// Log: 1 through 10
4、 for … in
该循环对于遍历数组或另一个可迭代对象以及对该可迭代对象中的每个值进行操作。它会创建一个可以使用的项目变量,而不是索引变量。
let arr = ["Apple", "Pear", "Cucumber"]
for (let item in arr) {
console.log(item)
}
// Log: Apple Pear Cucumber
5、for … of
可以与for ... in循环相同的方式使用它,但是它的用法略有不同。
const arr = [3, 5, 7];
// Set arr.foo
arr.foo = 'hello';
// For ... in
for (let i in arr) {
console.log(i); // logs "0", "1", "2", "foo"
}
// For ... of
for (let i of arr) {
console.log(i); // logs 3, 5, 7
}
// For ... of will not show 'foo'
6、forEach
一些可迭代对象(例如数组)包含用于对其进行迭代的内置函数。forEach的功能,如map和filter,要求将通过在迭代每个项目执行的功能。
let arr = [1, 2, 3, 4]
arr.forEach((item, index) => {
console.log(item)
})
7、递归
遍历数组或设置次数的“最困难”方法是递归。递归是计算机科学中的一个主题,它松散地表示一个函数将自行调用,直到进行特定的迭代为止。起初很难理解这个概念,但是,我希望代码片段可以帮助你理解。
function loop(loopsLeft){
if(loopsLeft > 0){
console.log(loopsLeft)
loop(loopsLeft - 1)
} else {
return true
}
}
loop(5)
结论
循环可以通过很多方式来完成。其中一些仅对特定任务有用,希望,我今天列举的这些实例对你有用。
感谢你的阅读,祝你有美好的一天。
学习更多技能
请点击下方公众号
评论