一,分支结构
- 单一选择结构(if)
- 二路选择结构(if/else)
- 内联三元运算符 ?:
- 多路选择结构(switch)
var condition = true; if (condition) { alert("我将出现!"); } condition = false; if (condition) { alert("我不会出现!"); } else { alert("我会出现!"); } condition ="some string"; if (condition) { alert("可以直接对任何数据类型进行if判断,在判断时计算会自动将其转换成布尔值!"); } var val = condition?"当为true时我将被返回":"当为false时我将被返回"; alert(val);//将输出"当为true时我将被返回"
对于if..else语句,如果要执行的语句只有一条,可以不使用“{}”,但这种写法并不推荐.但确实这样可以简化代码:
var str="one";if (str=="one")alert("str的值为字符串‘one’";else alter("not one"))
虽然JavaScript中没有if …. elseif 结构,但可以使用if…else的简写方式得到
//为了判断用户输入的成绩的范围,我们使用了多重嵌套的if .. else语句 var num = window.prompt("请输入XXX的成绩!",""); num *=1;//window.prompt方法始终只返回字符串,用这样的方法将其转换成数字 if (isNaN(num) && num) {//不能将其它值转换成数字时将返回NaN,可以用内置的isNaN判断值是否是NaN alert("您输入的不是一个数字!"); } else { if (num<=100 && num>=90) { alert("Excellent!"); } else { if (num =80) { alert("Good!"); } else { if (num < 80 && num >= 70) { alert("So so!"); } else { if (num < 70 && num >=60) { alert("Be careful !!!"); } else { if (num < 60 && num >= 0) { alert("Oh, NO!"); } else { alert("USB!"); } } } } } } //上面的代码由于用了多重的if..else嵌套,显得非常的混乱,简化只须将else后的花括号去掉就行了 // if (...) {...}这算是一句 if (isNaN(num)) { alert("您输入的不是一个数字!"); } else if (num<=100 && num>=90) { alert("Excellent!"); } else if (num =80) { alert("Good!"); } else if (num < 80 && num >= 70) { alert("So so!"); } else if (num < 70 && num >=60) { alert("Be careful !!!"); } else if (num < 60 && num >= 0) { alert("Oh, NO!"); } else { alert("USB!"); } //看上去清晰多了,但要注意的是,JavaScript中没有elseif 这样的语法,所以上的else if之间是有空格的
用于进行多次判断的switch语句
switch(condition) { //switch本来就是跳转的意思(又称为“开关”),所以switch语句就是判断情况,跳到符合的情况开始执行 case 4: alert("c的值是4"); case 3: alert("c的值肯定大于等于3"); case 2: alert("c的值肯定大于等于2"); case 1: alert("c的值肯定大于等于1"); } //可以使用 break来只执行符合一个条件的语句 switch(condition) { case 4: alert("c的值是4"); break; case 3: alert("c的值是3"); break; case 2: alert("c的值是2"); break; case 1: alert("c的值是1"); break; } var condition="one"; switch(condition) {//switch不但可以用来判断数字,还可以判断字符串,甚至是不定的变量 case "one": alert("condition的值是字符串‘one‘ !"); break; case "three": alert("condition的值是字符串‘three‘ !"); break; case "four": alert("condition的值是字符串‘four‘ !"); break; case "five": alert("condition的值是字符串‘five‘ !"); break; default://当所有情况都不匹配时,将执行default语句后的 alert("我们要万无一失!condition什么都不是!");
二,循环
循环用来指明当某些条件保持为真时要重复的动作。当条件得到满足时,就跳出循环语句。在JavaScript中有四种循环结构可用。
- 由计数器控制的循环(for)
- 在循环的开头测试表达式(while)
- 在循环的末尾测试表达式(do/while)
- 对对象的每个属性都进行操作(for/in)
for 语句指定了一个计数器变量,一个测试条件,以及更新该计数器的操作。在每次循环的重复之前,都将测试该条件。如果测试成功,将运行循环中的代码。如果测试不成功,不运行循环中的代码,程序继续运行紧跟在循环后的第一行代码。在执行该循环后,计算机变量将在下一次循环之前被更新。
for (var i=0;i<10;i++) {//for循环的圆括号里面须放三个句子, //分别是1.初使化计数器 2.判断条件 更新计数器 alert("i当前的值为"+i); }
其实for循环语句完全可以这样写,下面的代码和上面的效果是一样的(虽然没有必要,但从这样的代码可清楚看出for循环如何工作的)
var i=0;//循环进行之前初始化i for(;;) {//for语句括号中必须有三个语句,但可以为空语句 if (i<10) {//当条件为true时才执行代码 alert("i当前的值为"+i); } else {//当条件为false时就退出循环 break;//使用break退出循环 } }
一个死循环最能说明while的工作方式了(但这样的错误我们绝不能在实际编程中出现)
while (true) { alert("你关不掉我的!");//这就是网上那些所谓的高手写的“关不上的窗(周传雄新歌,力荐)”代码 }
do..while循环与while循环不同之处在于它至少将代码块中的代码执行一次
do { alert("我肯定会出现一次的"); } while (false);
三,常用内置对象
所谓内置对象就是ECMAScript提供出来的一些对象,我们知道对象都是有相应的属性和方法,其实这里很多的js对象跟python的很多语法类似
3.1 数组 Array
1.数组的创建方式
- 字面量方式创建(推荐大家使用这种方式,简单粗暴)
var colors = [‘red‘,‘color‘,‘yellow‘];
- 使用构造函数(后面会讲)的方式创建 使用new关键词对构造函数进行创建对象
var colors2 = new Array();
2,数组的赋值
var arr = []; //通过下标进行一一赋值 arr[0] = 123; arr[1] = ‘哈哈哈‘; arr[2] = ‘嘿嘿嘿‘
3 数组的常用方法
方法 | 描述 |
---|---|
concat() | 把几个数组合并成一个数组 |
join() | 返回字符串,其中包含了连接到一起的数组中的所有元素,元素由指定的分割符分割开来 |
pop() | 移除数组的最后一个元素 |
shift() | 移除数组的第一个元素 |
unshift() | 往数组的开头添加一个元素,并且返回新的长度 |
slice(start,end) | 返回数组的一段 |
push() | 往数组的最后添加一个元素,并返回新的长度 |
sort() | 对数组进行排序 |
reverse() | 对数组进行反转 |
length | 它是一个属性,唯一的一个,获取数组的长度,可以结合for循环遍历操作 |
3.2 字符串String
方法 | 描述 |
---|---|
charAt() | 返回指定索引的位置的字符 |
concat() | 返回字符串值,表示两个或多个字符串的拼接 |
match() | 返回正则表达式模式对字符串进行产找,并将包含查找结果作为结果返回(后面正则表达式课程会详细讲) |
replace(a,b) | 字符串b替换了a |
search(stringObject) | 知名是否存在相应匹配。如果找到一个匹配,search方法将返回一个整数值,指明这个匹配距离字符串开始的偏移位置。如果没有找到匹配,返回-1 |
slice(start,end) | 返回start到end-1之间的字符串,索引从0开始 |
split(’a‘,1) | 字符串拆分,以a拆分,第一个参数返回数组的最大长度 |
substr(start,end) | 字符串截取,左闭右开 |
toUpperCase() | 返回一个新的字符串,该字符串字母都变成了大写 |
toLowerCase() | 返回一个新的字符串,该字符串字母都变成了小写 |
//1.将number类型转换成字符串类型 var num = 132.32522; var numStr = num.toString() console.log(typeof numStr)
//四舍五入 var newNum = num.toFixed(2) console.log(newNum)
3.3 Date日期对象
创建日期对象只有构造函数一种方式,使用new关键字
//创建了一个date对象 var myDate = new Date();
常用的方法
语法 | 含义 |
---|---|
getDate() | 根据本地时间返回指定日期对象的月份中的第几天(1-31)。 |
Date() | 根据本地时间返回当天的日期和时间 |
getMonth() | 根据本地时间返回指定日期对象的月份(0-11) |
getFullYear() | 根据本地时间返回指定日期对象的年份(四位数年份时返回四位数字) |
getDay() | 根据本地时间返回指定日期对象的星期中的第几天(0-6) |
getHours() | 根据本地时间返回指定日期对象的小时(0-23) |
getMinutes() | 根据本地时间返回指定日期对象的分钟(0-59) |
getSeconds() | 根据本地时间返回指定日期对象的秒数(0-59) |
3.4 Math 内置对象
常用内置对象
方法 | 含义 |
---|---|
Math.floor() | 向下取整,称为"地板函数" |
Math.ceil() | 向上取整,称为‘地板函数‘ |
Math.max(a,b) | 求a和b中的最大值 |
Math.min(a,b) | 求a和b中的最小值 |
Math.random() | 随机数,默认0-1之间的随机数,公式min+Math.random()*(max-min),求min~max之间的数 |
原文地址:https://www.cnblogs.com/wj-1314/p/9357616.html
时间: 2024-10-01 02:52:50