H5 实训课 Day 2

关系运算符

生活中常见的关系有大于、小于、等于、不等于、大于等于、小于等于（> < != == >= <=）

1.==表示等于，用于判断两个值是否相等

var num= 1;
alert(num=1);

 

var num= 1;
alert(num==1);

 

var num= 1;
alert( 1 = num);

如果是一个常量和一个变量作比较，把常量写在前面，把变量写在后面，这样可以避免少写一个=的错误。

因为开发工具会提示，常量不能被赋值的错误。

2.绝对等于和绝对不等于

 ===既比较数据的值也比较数据的类型，而等于==只比较数据的值。

!==也是比较数据的值和类型，而!=只比较值

var num= 1;
var str ="1";
alert(str==num);
alert(str===num);

 

 

逻辑运算符

与、或、非

&&  ||  !

逻辑运算一般用于连接多个关系，并得到最终的值是真是假。

1）与关系，所有的都是真结果才为真。

2）或关系，至少有一个为真结果为真。

3）非关系，真为假，假为真。

与关系的执行顺序，从头开始一直到有一个不成立就停止。

或关系会从头到尾去执行。

算数运算符

加、减、乘、除、求余

+   - *  /  %

在使用的过程中和日常生活中一样，只有+号有所区别，如果是两个数使用+就是加法，如果是字符串使用+就是拼接

var str1= "1";
 var str2 = "2";
 alert(str1 + str2);//结果为12

所以我们进行算数运算时必须要确定变量的类型。如果是字符串就要转化成数值才能进行算数运算。

var num1= Number(prompt("请输入第一个数"));
var num2 =Number(prompt("请输入第二个数"));
alert(num1+num2);

% 得到两个数的余数

1.通过取余运算，可以获得任意一个数个位上的数。

var num= Number(prompt("输入任意一个数"));
var num0 =num %10;
alert(num0);

 

2.解决周期性问题

var date= Number(prompt("请输入今天是星期几"));
date = (date+ 12)%7;
alert(date);

 

位运算符

用于二进制，与、或、异或

5:101   6:110 

&用来表示与运算，11的结果为1其余全部为0

|或运算，00的结果为0，其余全部为1

^异或运算，相同的结果为0，不同结果为1，比如10结果为1，11结果为0

var num1= 5;
var num2 =6;
alert(num1.toString(2));//结果为101
alert(num2.toString(2));//结果为110
alert(num1.toString(2)&num2.toString(2));//结果为100
alert(num1.toString(2)|num2.toString(2));//结果为111
alert(num1.toString(2)^num2.toString(2));//结果为011

 

用途：用来区分权限身份

一个系统总共有11个权限，财务管理员拥有11个权限，主任管理员拥有5个权限，班长管理员拥有3个权限

程序设计思维

用户输入任意一个三位数，获得这三个数的和并打印。

设计步骤：1、接受用户输入的数并把它存入一个变量当中（num）

                  2、计算出这个三位数的百位数，除以100取整

                  3、计算出这个三位数的十位数，除以10取整并对10取余数

                  4、计算个位，对10取余数

                  5、将个位十位百位加和并赋值给sum

                  6、打印结果

var num= Number(prompt("输入任意一个三位数"));
var num1 = Math.floor(num/100);
var num10 = Math.floor(num/10 )% 10;
var num100 = num % 10;
var sum =num1 + num10 + num100;
alert(sum);

 

什么叫程序？

生活中有很多程序：

1）买东西：

1、去商店  2、挑选商品  3、收银台扫码付款  4、带商品回家

2）打游戏：

1、打开游戏  2、输入账号密码  3、选择服务器

4、开始游戏  5、开始玩  6、游戏结束并退出

什么是编程？

编程就是根据业务需要，制定做这件事情的流程。用计算机语言去翻译这个流程。

对自身的要求：

1、熟悉业务，能够将业务抽象成流程。

2、熟悉计算机语言

程序设计思维很重要，这个也叫程序设计的能力，和哪种计算机语言没有关系，比如java、php、js。他们的思维都一样，要学会站在计算机的角度去分析问题。

例1：根据三角形的三边去计算三角形的面积（海伦公式：三角形的半周长为p，S=Math.sqrt(p*(p-a)*(p-b)*(p-c))）

设计步骤：1、接受用户输入的第一条边长a

                  2、接受用户输入的第二条边长b

                  3、接受用户输入的第三条边长c

                  4、计算三角形的半周长并赋值给p

                  5、根据海伦公式计算三角形的面积S

                  6、打印输出三角形面积

var a = Number(prompt("请输入三角形第一条边长"));
var b =Number(prompt("请输入三角形第二条边长"));
var c =Number(prompt("请输入三角形第三条边长"));
var p =(a + b + c)/2;
var S =Math.sqrt(p* (p-a) * (p-b) * (p-c));
alert(S);

例2：话费计时器  0.12元/分钟,要求输入时间数（秒）打印要付的钱

设计步骤：1、接收用户输入的时间（time）

                  2、定义单位时间的价格为0.12元/分钟（price）

                  3、将输入的时间转化成分钟数（用时间数除以60 再向上取整）

                  4、用分钟数乘以单位价格计算费用（cost）

                  5、打印输出费用

var time = Number(prompt("请输入通话时间"));
var price= 0.12;
time = Math.ceil(time/ 60);
var cost= 0.12 * time;
alert(cost);

 

 选择结构

为什么要有选择结构？

因为生活中有很多选择，计算机也就有了选择结构。

If(下雨){

   在食堂吃饭

}else{

 出去吃饭

}

例3：完善三角形计算面积的案例

var a = Number(prompt("请输入三角形第一条边长"));
var b =Number(prompt("请输入三角形第二条边长"));
var c =Number(prompt("请输入三角形第三条边长"));
//计算三角形的面积，首先要判断是否构成三角形
//任意两边之和要大于第三边才能构成三角形
if(a+b>c&&a+c>b&&b+c>a){
   var p = (a +b+ c)/2;
   var S = Math.sqrt(p*(p-a) * (p-b) * (p-c));
   alert(S);
}else{
    alert("对不起，您输入的三条边长不能构成三角形");
}

 

例4：判断一个数是否为水仙花数（a³+b³+c³）

var num = Number(prompt("输入任意一个三位数"));
var num1 = Math.floor(num/100);
var num10 = Math.floor(num/10 )% 10;
var num100 = num % 10;
    var res="";
if(num== num1*num1*num1+ num10*num10*num10+ num100*num100*num100){
    res = ("这个数为水仙花数");
}else{
    res = ("这个数不为水仙花数");
}
alert(res);

例5：的士计费器（3公里以内固定收7元，超出的部分每公里2元）用户输入公里数，计算要付的费用。

设计步骤：1、接收用户输入的公里数distance

                  2、定义三公里以内固定收费price

                  3、定义超过三公里部分的收费price2

                  4、计算费用cost

                  5、如果公里数小于3公里，费用=price；如果公里数超过3公里，费用=price+Math.ceil(distance-3)*price2

                  6、打印输出费用

var distance = Number(prompt("输入公里数"));
var price= 7;
var price2= 2;
var cost ="";
if(distance < 3){
    cost = price;
}else{
    cost = price + Math.ceil(distance- 3)*price2;
}
alert("您的费用为："+cost);

 

作业：求解一元二次方程的根

1、接收用户输入二次项系数a

2、接收用户输入一次项系数b

3、接收用户输入常数项c

4、判断是否有实根，delta=b²-4ac

5、如果delta<0,则方程的虚根为

6、如果delta=0，则方程的根为

7、如果delta>0,则方程的根为

8、打印输出结果

第二天的课程到此结束，今天老师讲解了许多实例，我们初步掌握了一些程序设计设计的基础思想，明天继续加油！