JS 设计思维、选择结构

2.8程序设计思维：

生活中的程序：

银行业务：1取号——2提交业务单——3排队——4业务办理——5结束

什么是程序：解决、描述生活中问题的步骤（流程）。

计算机的程序：

          解决问题的步骤描述：但用的是计算机语言描述。

程序

执行人

描叙语言

执行速度

生活中的程序

人

自然语言

相对较慢

计算机中的程序

计算机

计算机语言（js java）

非常快

什么是编程？

      根据业务需要，制定或编制解决问题的流程。编辑程序的人应该是精通业务的人。

 

编辑计算机程序的要求：

1、  精通业务

2、  精通计算机语言

 

 

明确我们学习的内容和方向：

1、  解决问题的思路

2、  计算机语言

3、  思维方式的转变

 

重点是解决问题的思路，而思路和计算机语言是没有关系的。所以看似学的是js，但更多更重要的又并不是js的内容。

        

难点是思维方式的转变，也就是说现在开始，需要站在计算机的角度去思考和描述问题。

 

问题一：计算一个三位数的各位数之和：（例如：415     各位数之和4+1+5=10）

 

           400*10^-2+10*10^-1+5

var num = prompt("请输入一个三位数：");
var b1=Math.floor(num/100);/*数学，取正*/
var b2=Math.floor((num%100)/10);/*先取余，再取整*/
var b3=Math.floor(num%10);
var sum=b1+b2+b3;
alert(sum);

 

通过这个案例，我们学到程序设计的套路：

（1）       程序设计分为两个步骤：思路，编码。

（2）       思路可以使用自然语言、流程图等一切能描述清除解决方案的形式来描述

（3）       将思路翻译成对应的代码

 

案例：根据三角形的三边之长计算面积。

（公式描述：公式中a，b，c分别为三角形三边长，p为半周长，S为三角形的面积。）

代码：

var a=Number(prompt("请输入第一个边"));
/*abc在这里默认的是字符必须给强制转换为数字*/
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);

 

Prompt：函数输入的数据时字符串类型，比如“345”，注意：“345”和345的区别

如果你想输入345，那么应该强制类型转换，虽然js又是会帮我们自动转换，但有时不靠谱。

 

案例：话费计算器根据通话时间的长短（单位“秒”）计算话费，资费标准为：0.5元/分钟。

代码：

var second=Number(prompt("请输入您的通话时间！(时间单位：秒，钱单位：元)"))
var b=0.5;
var c=60;
var money=(second/c)*b;
alert("总金额："+money+"元");

 

 

 

 

JS选择结构

用if（条件满足）{执行}else{执行}

案例：已知出租车起步价，10块（3km以内），超出3km后，按每千米2元计费。

vara=Number(prompt("请输入行驶的公里数："));
var price;
if(a>3){
    price =(a-3)*2+10;
    alert(price);
}else{
    alert(10);
}