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>
上一篇:vue学习笔记(三)class和style绑定


下一篇:Vue学习笔记-1