js02-常用流程控制语句
Posted 大橡皮
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js02-常用流程控制语句相关的知识,希望对你有一定的参考价值。
1.if语句
语法:if(条件){
条件成立时执行
}else{
条件不成立执行
}
例
var ji = 20; if(ji>=20){ console.log(‘恭喜你,吃鸡成功,大吉大利‘) }else{ console.log(‘很遗憾 下次继续努力‘) }
2.switch语句
语法:switch(值){
case 值1:
执行语句
break;
case 值:
执行语句
break;
}
<script type="text/javascript"> //switch ("better") 表示条件.case表示符合条件后执行的语句 switch ("better0") { case "good": console.log("玩的不错") break; case "better": console.log("玩的非常好") break; case "best": console.log("吃鸭子啦") break; default: console.log("玩的真菜") break; } </script>
3while和do while语句
while语法:
while(条件){
执行代码块
}
<script type="text/javascript"> //whilex循环 //1.初始化循环变量 2.判断循环条件 3、更新循环变量 var i = 1; //1.初始化循环变量 while(i<=9){ //2.判断循环条件 // console.log(i) i = i+1; //3、更新循环变量.切记这三步 } //练习 //将 1-100之间的所有是3的倍数 输出出来 var j = 1; while (j<=100){ if(j%3===0){ console.log(j) } j++; } </script>
do while语法
注意:do while 会先执行一次do后面的代码块,然后再进行while条件判断的.
do{
执行代码块
} while (条件);
<script type="text/javascript"> //while 循环三部曲 //1.初始化变量 2.判断循环条件 3.更新循环变量 //不管while条件是否成立,都会先运行一次do里面的代码,然后再去进行while判断. var i = 5; do{ console.log(i) i++; } while (i<10); </script>
4 for语句
语法:
//for (var 1=10 初始化变量,i>=1是条件,i--是更新变量.每个语句间使用;隔开)
for (var i = 10; i>=1; i--) {
console.log(i)
}
<script type="text/javascript"> //for (var 1=10 初始化变量,i>=1是条件,i--是更新变量.每个语句间使用;隔开) for (var i = 10; i>=1; i--) { console.log(i) } //输出1-100间的偶数 for (var i = 1; i <= 100; i++) { if (i%2==0){ console.log(i) } } //计算1-100之间所有数的和 // var sum=0 // for (var i = 1; i <= 100; i++) { // sum+=i // }console.log(sum) // for (var i = 1; i <=3; i++) { // for (var x =1; x <=6; x++) { // document.write("*") // }document.write("<br>") // } </script>
数组:
<script type="text/javascript"> /* 数据的创建方式: 1.字面量方式 2.函数构造法 */ //字面量方式,推荐这种方式.因为简单明了 var colors =["red","green","blue"]; console.log(colors) // 使用构造函数 new var colors2 = new Array("balck","white","origin"); console.log(colors2) //数组赋值 var arr1 = []; arr1[0] = "www.google.com"; arr1[1] = "wwww.it.com"; arr1[2] ="www.sohu.com"; arr1[3] ="www.sina.com"; arr1[4] ="www.163.com"; // console.log(arr1) for (var i = 0; i <arr1.length; i++) { console.log(arr1[i]) } </script>
<script type="text/javascript"> //数组的合并 concat // var north =["河南","北京","河北"]; // var south =["上海","苏州","杭州"]; // var newArr = north.concat(south); // console.log(newArr) //转换成字符串 toString() 直接转换成字符串,用逗号隔开 var score=[100,33,56,67,87]; var str = score.toString(); console.log(str) //join()方法,使用指定的字符串分割数组 var str2 = score.join("|"); console.log(str2) //indexOf() 查指定字符串的下标,指的是正向查找 var index = score.indexOf(67); var index1 = score.indexOf(99); //查找的不在数组中,返回-1 console.log(index) console.log(index1) // lastindexOf(),倒叙查找.注意.正向和反向查找的索引值都是一样的. var index2 =score.lastIndexOf(67); console.log(index2) //数组排序之反转数组,原数组也会被反转 var names =["alne","jack","chen","wang","liu","ago"]; var reverseName = names.reverse(); console.log(reverseName) console.log(names) //按照英文字母排序,如果第一个字符相同,按照后面一个字母排列,以此类推 var names1 = names.sort(); console.log(names1) //移除第一个元素. var frist = names.shift(); console.log(frist) console.log(names) //unshift() 添加一个或多个值,并返回数组的长度. var names2 = names.unshift("pinjin","xuehua","xiaohei"); console.log(names) console.log(names2) //push(),pop() 添加,删除 //push() 默认添加到数组的最后 var names3 = names.push("lirui","xiaoxiao"); console.log(names) console.log(names3) //返回新的长度 //pop()删除默认从最后一个开始删除,names4是被删除的元素 var names4 =names.pop(); names.pop(); names.pop(); console.log(names4) // 分割,反转字符串"hello luffy" var a = "hello luffy"; // var x = a.split(" ") console.log(a.split("").reverse()) </script>
函数:
<script type="text/javascript"> //js中函数是声明是用function funcname(),有函数的声明,就一定有调用. function add(){ alert("函数被调用了") } add() //声明带形参的函数 function add2(x,y){ alert(x+y) } add2(4,7) //带返回值的函数 function add3(a,b){ return a*b } // console.log(add3(5,9)) alert(add3(5,10)) </script>
以上是关于js02-常用流程控制语句的主要内容,如果未能解决你的问题,请参考以下文章