JS原生第一天 (帅哥)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS原生第一天 (帅哥)相关的知识,希望对你有一定的参考价值。

“流程控制语句”:iffor

1.1 if

选择语句,给程序添加了多种执行路线。

 

1 if(){

2  语句1

3 }else if(){

4  语句2

5 }else if(){

6  语句3

7 }else{

8  语句4

9 }

有且仅有一条出路。注意跳楼现象。

所以我们发现,计算机的两个基本能力:1)计算能力 2)流程控制能力

 

1.2 for

循环语句,顾名思义,就是将结构类似的语句重复执行。

1 for(var i = 0 ; i <= 100 ; i++){

2  console.log(i);

3 }

for语句能够简化程序的书写,不用大量的ctrl+Cctrl+V了;

for语句充分体现计算机的“奴隶性”。

 

比如题目:寻找1~1000之内,所有能被5整除、或者能被6整除的数字

 

for(var i = 1 ; i <= 1000 ; i++){

2  if(i % 5 == 0 || i % 6 == 0){

3  console.log(i);

4  }

}

上面这个算法,我们有一个术语“穷举法”

穷:  完整。欲穷千里目,更上一层楼。穷尽。

举:  列举,推举。

穷举法:就是一个一个试。我们现在要寻找1~1000之内,所有能被5整除、或者能被6整除的数字。

我们的思路,就是将1234、……9989991000依次去试验。看看这个数字,能不能被5或者6整除。

这时候你说,老师,那计算机太辛苦了。你看,13这个数字,为什么还要试呢?打眼一看就不能被56整除。

计算机就是一个奴隶。它没有思维,它就是一个不吃饭,有着极强计算力的东西。

 

二、几道算法练习

2.1 题目1:报7游戏的安全数

大家从小到大,都玩儿过的一个庸俗的游戏:

 

游戏玩儿法就是,大家轮流报数,如果报到能被7整除的数字,或者尾数是7的数字,都算踩地雷了。就应该罚唱歌。

 

请在控制台输出1~60之间的所有“安全数”。

 

比如:

1234568910111213151618192022232425262930……

 

答案见案例

 

2.2 题目2:水仙花数

水仙花数是一种特殊的三位数,它的特点就是,每个数位的立方和,等于它本身。

 

比如153就是水仙花数。因为:

13+53+33 = 153

 

100~999之内,只有4个水仙花数,请找出来。

 

特别经典的算法,是每个学习编程的人,都要会做。

 

答案见案例,我们只列出数值答案: 153370371407

 

 


2.3 题目3:求1~100的和

求和的题目,涉及到了新的一种算法思想,叫做“累加器”。

1+2+3+4+5+6……

 

正确的:

1  var sum = 0; //累加器

2  //遍历1~100,将所有的数字扔到累加器里面

3  for(var i = 1 ; i <= 100 ; i++){

4  sum = sum + i;

5  }

6  console.log(sum);

 

初学者常见的错误:

错误1:不声明sum,不行的,因为所有的变量都要声明:

1  //遍历1~100,将所有的数字扔到累加器里面

2  for(var i = 1 ; i <= 100 ; i++){

3  sum = sum + i;

4  }

5  console.log(sum);

 

错误2sum不能在for里直接声明:

1  //遍历1~100,将所有的数字扔到累加器里面

2  for(var i = 1 ; i <= 100 ; i++){

var sum = sum + i;

4  }

1  console.log(sum);

 

错误3: 每次for循环都要var一次,是不正确的:

1  //遍历1~100,将所有的数字扔到累加器里面

2  for(var i = 1 ; i <= 100 ; i++){

var sum = 0;//累加器

4  sum = sum + i;

5  }

6  console.log(sum);

 

 


2.4 求阶乘

所谓的阶乘,比如6的阶乘,就是1*2*3*4*5*6 = 720

现在,计算13的阶乘。

 

1 var result = 1; //累乘器

3 for(var i = 1 ; i <= 13 ; i++){

4  result = result * i;

5 }

6 console.log(result);

 

 

2.5 用户输入一个数,输出因数的个数

昨天晚上的作业3,就是用户输入一个数,输出所偶遇能够整除它的数字。

比如,

用户输入48,此时输出12346812162448 。  共10个数字。

用户输入21,此时输出13721.4个数字。

 

今天的这道题目,和昨天的这个题目非常像,不过不输出完成序列,只输出个数。

 

也就是说,用户输入48,弹出10

用户输入21,弹出4

用户输入11,弹出2

 

提示:此题用到累加器。

 

2.6 判断质数

质数:就是只能被1和自己整除。

翻译过来:它的因数个数是2

比如:23571113171923293137……

 

用户输入一个数字,弹出这个数字是否是质数。

提示,用2.5的思路。

 

答案见案例。


三、函数

3.1 初步认识函数

1  <script type="text/javascript">

2  console.log("你好");

sayHello(); //调用函数

5  //定义函数:

6  function sayHello(){

7  console.log("欢迎");

8  console.log("welcome");

9  }

10  </script>

11 </body>

 

 

函数,是一种封装。就是将一些语句,封装到函数里面。通过调用的形式,执行这些语句。

函数的使用,是两个步骤,第一步,函数的定义

语法:

1 function 函数名字(){

3 }

function就是英语“函数”、“功能”的意思。顾名思义,将一些功能封装到函数里面。

function是一个关键字,和vartypeof一样,都是关键字,后面要加空格。

函数名字的命名规定,和变量的命名规定一样。只能是字母、数字、下划线、美元符号,不能以数字开头。

后面有一对儿空的小括号,里面是放参数用的,下午介绍。大括号里面,是这个函数的语句。

常见错误:

不能小括号包裹大括号:

1 function sayHello({

3 })

不能忘了小括号对儿:

1 function sayHello{

3 }

 


第二步,函数的调用。

函数如果不调用,等于白写。

调用一个函数,太简单了,就是这个函数的名字后面加小括号对儿。

语法:

1 函数名字();

 

定义函数,可以在调用的后面:这是JS的语法特性,函数声明头的提升。知道就行了。

1  console.log("你好");

2  sayHello(); //调用函数

4  //定义函数:

5  function sayHello(){

6  console.log("欢迎");

7  console.log("welcome");

8  }

 

函数的功能、好处:

1) 将会被大量重复的语句写在函数里面,这样以后需要这些语句的时候,直接调用函数,不用重写那些语句。

2) 简化编程,让编程变的模块化。

 

 

 

 

 

3.2 函数的参数

 

实际参数和形式参数的个数,要相同。

 

1  qiuhe(3,4);

2  qiuhe("3",4);

3  qiuhe("我爱你","中国");

5  function qiuhe(a,b){

6  console.log(a + b);

7  }

 

 

3.3 函数的返回值

1  <script type="text/javascript">

2  console.log(qiuhe(3,4));

4  function qiuhe(a,b){

return a + b;

6  }

7  </script>

return就是英语“返回”的意思,那么就表示此时这个“函数调用的表达式”(红色部分),值就是这个a+b

 

● 函数里面可以没有return,如果有,只能有一个。不能有多个return

● 函数里面,return后面不允许书写程序了,也就是说写在后面的程序无效;

 





以上是关于JS原生第一天 (帅哥)的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript学习第一天

Vue-第一天vue.js与MVVM设计模式

js如何获取上个月第一天和最后一天

如何使用js获取某月的第一天和最后一天

js怎么判断月份的第一天是周几?

js如何判断 每年每个月的第一天是星期几?