今日学习了数据的三种结构,选择结构,顺序结构,循环结构,for循环,以及双重for循环,又称为嵌套。if语句语法为
if(条件判断语句){执行的语句};if else语句语法if(条件判断){执行的语句1,语句2}else{语句}实例
<script>
if (false) {
console.log('真');
} else {
console.log('假');
}
</script>
switch语句,它和if else的功能相似,但二者之间又有区别,其区别在于switch语句无法控制变量的范围,只能一个一个的比较。
<script>
var nu = prompt(),
o = nu % 10,
p = (nu - o) / 10;
// switch(true){
// case nu >=90:
// alert('优秀');
// break;
// case nu >=80:
// console.log('良好');
// break;
// case nu >=70:
// console.log('一般');
// break;
// case nu >=60: //true
// console.log('及格');
// break;
// ;
// }
// console.log(o)
console.log(p);
switch (p) {
case 10: alert("奖励");break;
case 9: alert("优秀");break;
case 8: alert("中等");break;
case 7: alert("良好");break;
case 6: alert("及格"); break;
default:
alert("不及格");
}
</script>
但是可以通过转换获取到我们想要的值在进行判定;
for循环,当我们要重复干一件事的时候就可以用到循环,循环语句的语法格式为:for(变量初始化;循环条件;更新循环变量){
执行代码块;}
其执行顺序,
// 1、初始化变量
// 2、判断是否符合循环条件
// 3、执行循环体
// 4、更新循环变量
// 4.1 判断是否符合条件
// 如果符合条件 执行循环体 ,反之,跳出循环
// 4.2如果上一步符合 执行了循环体 继续更新循环变量
实例
// 需求 : 给这个div动态添加 200个 button按钮
<div></div>
<button>添加按钮</button>
<script>
// 第一步
var odiv=document.getElementsByTagName('div')[0]
var btn=document.getElementsByTagName('button')[0]
console.log(odiv);
// console.log(odiv[0]);
// 第二步
btn.onclick=function(){
for(var i=0;i<100;i++){
odiv.innerHTML+="<button>按钮</button>"
}
}
</script>