js循环语句

js循环语句

原文件代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>循环</title>
</head>
<body>
<Ul>
<li>001</li>
<li>002</li>
<li>003</li>
<li>004</li>
<li>005</li>
<li>006</li>
<li>007</li>
<li>008</li>
<li>009</li>
</Ul>
</body>
</html>
<script>
const lis=document.getElementsByTagName('li')

//for循环

for (let i = 0; i<lis.length;i++){
lis[i].style.background='red'
}

for (let i=lis.length; i>=0; i--){
console.log(i)
}

//while循环

let i=0
while (i<=10){
console.log(i)
i++
}

//do while循环，无论条件是否满足，都会至少执行一次

let j=0
do {
console.log(j)
j++
}while(j<=10)

//for in循环，需要索引的时候，用这个

const arr=['a','b','c','d','e','f','g','h','j']
for(let LisKey in arr){
console.log(LisKey)
}

//for of循环，如果我们只需要数组中的每一个元素，用这个

for (let value of arr){
console.log(value)
}

/*

* //这些循环的区别

* for循环适用于已知循环次数的的情况
* while循环适用于未知的循环次数
* do...while与while类似，但是无论条件是否满足，都会至少执行一次
* for...on 适用于遍历对象的可枚举属性，更适用于遍历对象，而不是数组
* for...of 用于遍历可迭代对象（数组/对象都可以）
* */

 

练习：

//鸡兔同笼，上有三十首，下有八十足，
for (let kun=0;kun<30;kun++){
if(kun*2+(30-kun)*4===80){
console.log(kun)
}
}
console.log((80-30*2)/2 )

</script>
posted @ 2023-06-19 10:25  山谷回响  阅读(15)  评论(0)    收藏  举报