**js基础的三种循环学废了吗???**`在这里插入代码片`
1:for循环
2:while循环
3:do-while循环
for循环
...语法结构
for (声明一个变量;判断条件;自增变量) {
循环体
}
|作用|
|声明一个变量|
|判断条件|
自增变量|
–作用
1.for循环重复相同的代码
列子:
输出10句我想要吃冰淇淋
基本写法
<script>
for(var i=1;i<=10;i++){
console.log("我想要吃冰淇淋");
// document.write("我想要吃冰淇淋")
}
//用户输入的次数
var num=prompt("请输入要输入的次数")
for(var i=1;i<=num;i++){
console.log("我想要吃冰淇淋");
}
</script>
2.for 循环重复不相同的代码
例如:输出1到100岁
<script>
~~~~for(var i=1;i<=100;i++){
console.log("这个人今年"+i+"岁了");
}~~~~
**上面代码跟下面最后一句相同,也不相同**
//求输出1到100岁并提示出生,死亡
for(var i=1;i<=100;i++){
if (i ==1) {
console.log("这个人今年一岁了,他出生了");
}else if(i ==100){
console.log("这个人今年100岁了");
}else{
console.log("这个人今年"+i+"岁了");
}
}
</script>
for循环因为有了计数器的存在,还可以重复的执行某些操作,比如做一些算术运算
1.for 循环可以重复执行某些相同代码
2.for 循环可以重复执行些许不同的代码,因为我们有计数器
3.for 循环可以重复执行某些操作,比如算术运算符加法操作
4.随着需求增加,双重for循环可以做更多、更好看的效果
5.双重 for 循环,外层循环一次,内层 for 循环全部执行
6.for 循环是循环条件和数字直接相关的循环
while循环
while(判断条件){
//循环体代码
}
使用while循环,完成球的动作每取一个
var i=1;
while(i<=6){
console.log(i);
i++;
}
执行过程
判断条件为真(true)的时候继续循环里面的语句
为假(false)的时候循环结束
do while循环
do里面写要执行和循环的代码while里面写上要判断的条件
var i=1;
do{
console.log("这是第"+i+"个数字");
i++
}while(i<=6)
双重for循环制作爱心效果
打印五行五列爱心
var str = "";
for(var i=1;i<=5;i++){
for(var j=1;j<=5;j++){
str +="❤"
}
每循环一次换行一次
str +="\n"
}
console.log(str);
循环方式的总结
for循环:
缺点: ①当嵌套循环时, 访问成员比较麻烦
优点: 可以使用break、continue、return终止循环
迭代器方法: (forEach、map、filter方法):
缺点: 不能使用break、continue终止循环
优点: 访问成员比较方便
for in循环:
特点:
会将索引值转换成字符串
会遍历到原型上的属性方法
缺点: 不适合遍历数组
优点: 可以使用break、continue、return关键字, 适合遍历对象