JavaScript学习-2循环
文章目录
----------①console函数
----------②for循环
----------③跳出循环
----------④练习题:口诀表
----------⑤练习题:幼兔
----------⑥while死循环
一、console函数
console.log()输出普通信息
console.info()输出提示性信息
console.error()用于输出错误信息
console.warn()用于输出警示信息
console.debug用于输出调试信息
二、for循环
四要素:
1、初始条件
2、循环条件
3、状态改变
4、循环体
i=0;初始条件 → i<10循环条件 → 进入循环体 → i++状态改变 →再次进入循环条件判断循环体改变 的反复循环。
for(i=0;i<10;i++){
var b +=1;
//循环体
}
!注释:a++ ++a的区别
a++先对a操作再+1
++a先+1在对a操作
三、跳出循环
break;跳出当前循环总循环
continue;跳出符合条件的循环
四、练习题:口诀表
口诀表样式规律
1*1=2;
1*2=2; 2*2=4;
1*3=3; 2*3=6; 3*3=9;
............................................9*9=81;
形式为a*b=c,每列的a相等,每一行的b相等
<script>
//外层为列a
for(var a=1;a<10;a++){
//内层为行b
for(var b=1;b<=a;b++){
//定义ab的乘积
var c = a*b;
//输出因为a的每次+1换行,所以使b显示在前,a显示在后
document.write(b+"*"+a+"="+c+";")
}
document.write("<br>");
}
</script>
输出结果:
五、兔子练习题
有一对幼兔,幼兔1个月后长成小兔,小兔1个月后长成成兔并生下一对幼兔,问8个月后有多少对兔子
,幼兔、小兔、成兔对数分别是多少。
找规律
月数 0 1 2 3 4 5 6 7 8
幼兔 1 0 1 1 2 3 5 8 13
小兔 0 1 0 1 1 2 3 5 8
成兔 0 0 1 1 2 3 5 8 13
每个月的小兔等于上个月的幼兔
每个月的成兔等于上个月的成兔+上个月的小兔
每个月的幼兔等于上个月的小兔+上个月的额成兔
<script>
var yt =1;
var xt =0;
var ct =0;
for(var month=1;month<9;month++){
//成兔等于上个月的成兔+上个月的小兔
ct = ct + xt;
//小兔等于上个月的幼兔
xt = yt;
//yt = xt + ct因为xt已经赋值,所以会出现yt等于之前的和,所以找到新规律,当前月的小兔等于当前月的成兔
yt = ct; }
alert(ct+yt+xt)
</script>
输出结果:
符合第三个月的13+8+13=34;
一、while
while(条件){
执行代码;
}
只要符合条件,代码将无限次执行,因此需要给予条件。
例如:
var x="",i=0;
while (i<5){
x=x + "该数字为 " + i + "<br>";
i++;
}
document.getElementById("demo").innerHTML=x;
输出结果:

JavaScript学习-2循环的更多相关文章
- JavaScript学习笔记-循环输出菱形,并可菱形自定义大小
var Cen = 6;//定义菱形中部为第几行(起始值为0) //for循环输出菱形 document.write("<button onclick='xh()'>点我for循 ...
- JavaScript学习(2):对象、集合以及错误处理
在这篇文章里,我们讨论一下JavaScript中的对象.数组以及错误处理. 1. 对象 对象是JavaScript中的一种基本类型,它内部包含一些属性,我们可以对这些属性进行增删操作. 1.1 属性 ...
- JavaScript学习02 基础语法
JavaScript学习02 基础语法 JavaScript中很多基础内容和Java中大体上基本一样,所以不需要再单独重复讲了,包括: 各种算术运算符.比较运算符.逻辑运算符: if else语句.s ...
- JavaScript学习基础部分
JavaScript学习基础 一.简介 1.JavaScript 是因特网上最流行的脚本语言,并且可在所有主要的浏览器中运行,比方说 Internet Explorer. Mozilla.Firefo ...
- JavaScript学习总结-技巧、有用函数、简洁方法、编程细节
整理JavaScript方面的一些技巧.比較有用的函数,常见功能实现方法,仅作參考 变量转换 //edit http://www.lai18.com var myVar = "3.14159 ...
- Javascript学习6 - 类、对象、继承
原文:Javascript学习6 - 类.对象.继承 Javasciprt并不像C++一样支持真正的类,也不是用class关键字来定义类.Javascript定义类也是使用function关键字来完成 ...
- Javascript学习4 - 对象和数组
原文:Javascript学习4 - 对象和数组 在Javascript中,对象和数组是两种基本的数据类型,而且它们也是最重要的两种数据类型. 对象是已命名的值的一个集合,而数组是一种特殊对象,它就像 ...
- javascript学习-目录
Javascript学习 第1章 Javascript简介 1.1 Javascript简史 1.2 Javascript实现 1.3 Javascript版本 第2章 Javascript入门 2. ...
- javascript里的循环语句
前序:我一直对于for跟for..in存在一种误解,我觉得for都能把事情都做了,为啥还要for...in...这玩意了,有啥用,所以今天就说说JavaScript里的循环语句. 循环 要计算1+2+ ...
随机推荐
- Linux:ldd命令详解
ldd 用于打印程序或者库文件所依赖的共享库列表. 语法 ldd(选项)(参数) 选项 --version:打印指令版本号: -v:详细信息模式,打印所有相关信息: -u:打印未使用的直接依赖: -d ...
- offsetWidth与clientWidth 区别
offsetWidth //元素宽度.内边距和边框,不包括外边距 offsetHeight //元素高度.内边距和边框,不包括外边距 clientWidth //元 ...
- flex 1与flex auto
flex意为"弹性布局" 这次主要探究的是flex:1与flex:auto的区别,flex是flex-grow, flex-shrink 和 flex-basis的简写,默认值为0 ...
- 2018idea如何布置tomcat修改URL后连接不到
以下连接 https://blog.csdn.net/cs825900618/article/details/86261019
- OpenCV实现彩色图像轮廓 换背景颜色
转摘请注明:https://i.cnblogs.com/EditPosts.aspx?opt=1 有时候我们需要不一样颜色的证件照,下面就用OpenCV来实现证件照的蓝底.红底等换颜色: 代码如下: ...
- java 加密工具类(MD5、RSA、AES等加密方式)
1.加密工具类encryption MD5加密 import org.apache.commons.codec.digest.DigestUtils; /** * MD5加密组件 * * @autho ...
- crontab 相关
修改编辑器 select-editor 查看服务状态 service cron status (linux下为crond ,ubuntu为cron) 1-59/2 1,10,12 * * * ...
- python------面向对象进阶 异常处理
一. 异常处理 try: pass except KeyError as e : #注3.x用as ,except KeyError, e ,2.x 用逗号. print("No this ...
- 开源WHMCS支付宝当面付和即时到账插件
开源WHMCS支付宝当面付和即时到账插件 链接: https://pan.baidu.com/s/1i5HU4hn 密码: crq7
- PythonStudy——函数嵌套定义 Function nesting definition
# 在一个函数内部定义另一个函数 # 函数对象(变量)与普通对象(变量)一样,在函数内部定义,随函数调用而产生, # 调用结束而销毁,所以只能在函数内部调用 def outer(): print('o ...