初学入门 JS/JavaScript的有用知识点简单总结（二）_switch (new date().getday()) {聽聽聽 case 0:聽聽聽聽聽聽聽 w-CSDN博客

本文链接：https://blog.csdn.net/Eternity_matt/article/details/108303629

js方面的跳转链接

初学入门 JS/JavaScript的有用知识点简单总结（一）

—————————————————————————————————————————————————————————

第三部分 JS的语句

1. IF.....ELSE 语句

通常在写代码时，总是需要为不同的决定来执行不同的动作。则可以在代码中使用条件语句来完成该任务。

在 JavaScript 中，我们可使用以下条件语句：

if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行
switch 语句 - 使用该语句来选择多个代码块之一来执行

If 语句

只有当指定条件为 true 时，该语句才会执行代码。

语法

if (条件)
  {
  只有当条件为 true 时执行的代码
  }

注意：请使用小写的 if。使用大写字母（IF）会生成 JavaScript 错误！！

实力：

var time=new Date().getHours()
if (time<20)
  {
  console.log('good time!')
 }

在这个语句中，设了日期的time函数，在函数中，使用 getHours() 来引用日期中出现的小时数，从而与time的20进行判断，

当当前时间的小时数字大于20的时候，if进行判断，判断失败则不输出语句.

If...else 语句

请使用 if....else 语句在条件为 true 时执行if框格中的代码，在条件为 false 时执行else 语句中的代码。

{
var x="";
var time=new Date().getHours();
if (time<20)
  {
  x="Good day";
  }
else
  {
  x="Good evening";
  }

当时间小于 20:00 时，将得到问候 "Good day"，否则将得到问候 "Good evening"。

2. Switch （case）语句

switch分支语句描述：根据一个变量的不同取值，来执行不同的代码。
语法结构：switch(变量){case 值1:代码1;break;case 值2:代码2;break;case 值3:代码3;break;default:如果以上条件都不满足，则执行该代码;}
switch结构说明：switch、case、break、default都是系统关键字，都必须全小写。
switch后的小括号()：小括号内一般是一个变量名，这个变量可能会有不同的取值。每个case的值，与变量的值进行比对，如果一致就执行该case后的代码。所有的case都是“或”的关系，每时每刻只有一个case会满足条件。每个case中的代码执行完毕后，必须要用break语句结束，结束之后，程序将跳到switch结束大括号之后运行。如果不写break语句的话，下面所有的case语句都会执行一遍。

switch(n)
{
case 1:
  执行代码块 1
  break;
case 2:
  执行代码块 2
  break;
default:
  n 与 case 1 和 case 2 不同时执行的代码
}

工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。

实力：选择day中的日期根据数字来判断现在的日期是周一 ~~ 周日

var x;
var d=new Date().getDay();
switch (d)
  {
  case 0:
    x="Today it's Sunday";
    break;
  case 1:
    x="Today it's Monday";
    break;
  case 2:
    x="Today it's Tuesday";
    break;
  case 3:
    x="Today it's Wednesday";
    break;
  case 4:
    x="Today it's Thursday";
    break;
  case 5:
    x="Today it's Friday";
    break;
  case 6:
    x="Today it's Saturday";
    break;
  }
document.getElementById("demo").innerHTML=x;
}

default 关键词

可以使用 default 关键词来规定匹配不存在时做的事情：

switch (d)
  {

  case 0:
    x="Today it's Sunday";
    break;
  default:
    x="Looking forward to the Weekend";
  }
document.getElementById("demo").innerHTML=x;
}

如果在case中没有匹配到相关的选项，则其他的全部选项都按照default去输出

3.循环语句

不同类型的循环

JavaScript 支持不同类型的循环：

for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块

while 循环

While 循环会在指定条件为真时循环执行代码块。

在循环开始前，必须要对变量初始化(声明变量，给变量给个初始值)。如果while的条件为true，则会重复不断的执行循环体中({ })的代码。如果条件为false，则退出循环。在循环体中，必须要有“变量更新”的语句。换句话说：两次循环的变量的值不能一样，如果一样，会造成“死循环”。

while (条件)
  {
  需要执行的代码
  }

while循环中break,continue,return 的区别
break 跳出循环；
continue 继续循环，（不执行循环体内continue 后面的语句，直接进行下一循环）
return 跳出函数，返回调用函数处。
return：main 直接退出进程，在子函数中就返回主函数继续执行。

{
var x="",i=0;
while (i<5)
  {
  x=x + "The number is " + i + "<br>";
  i++;
  }
document.getElementById("demo").innerHTML=x;
}

提示：循环语句必须有三要素，缺一不可：变量初始化,条件判断,变量更新

do/while 循环

1.是一个和while非常类似的循环
2.while会先进行条件判断,满足执行,不满足就不执行了
3.但是do…while循环是,先不管条件,先执行一次,然后再开始进行条件判断

语法

do
  {
  需要执行的代码
  }
while (条件);

var x="",i=0;
do
  {
  x=x + "The number is " + i + "<br>";
  i++;
  }
while (i<5)

下面的例子使用 do/while 循环。该循环至少会执行一次，即使条件是 false，隐藏代码块会在条件被首次执行

For循环

1.和while和do while循环都不太一样的一种循环结构
2.道理是一样的,都是在符合条件的基础下,循环执行代码的
3.语法

for (语句 1; 语句 2; 语句 3)

{

被执行的代码块

}

语句 1 在循环（代码块）开始前执行

通常我们会使用语句 1 初始化循环中所用的变量 (var i=0)。

语句 1 是可选的，也就是说不使用语句 1 也可以。

您可以在语句 1 中初始化任意（或者多个）值：

语句 2 定义运行循环（代码块）的条件

通常语句 2 用于评估初始变量的条件。

语句 2 同样是可选的。

如果语句 2 返回 true，则循环再次开始，如果返回 false，则循环将结束。

语句 3 在循环（代码块）已被执行之后执行

通常语句 3 会增加初始变量的值。语句 3 也是可选的。

语句 3 有多种用法。增量可以是负数 (i--)，或者更大 (i=i+15)。

语句 3 也可以省略（比如当循环内部有相应的代码时）：

for (var i=0;i<5;i++)
  {
  x=x + "The number is " + i + "<br>";
  }

For/In 循环

JavaScript for/in 语句循环遍历对象的属性：

var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56}; 

for (x in person)
{
txt=txt + person[x];
}

在数组中很常见（遍历）

第四部分 JS的数组

定义数组

数组对象用来在单独的变量名中存储一系列的值。

我们使用关键词 new 来创建数组对象。下面的代码定义了一个名为 myArray 的数组对象：

var myArray=new Array()

有两种向数组赋值的方法（你可以添加任意多的值，就像你可以定义你需要的任意多的变量一样）。

1.

var mycars=new Array()
mycars[0]="Saab"
mycars[1]="Volvo"
mycars[2]="BMW"

2.

var mycars=new Array("Saab","Volvo","BMW")

访问数组

通过指定数组名以及索引号码，你可以访问某个特定的元素。

下面是代码行：

document.write(mycars[0])

修改已有数组中的值

如需修改已有数组中的值，只要向指定下标号添加一个新值即可：

mycars[0]="Opel";

数组中经常用到的饮用对象的值

arr1.push(10)	在数组末尾添加元素
let z = arr1.pop()	删除并返回末尾元素
let arr1 = [5]	字面量方式创建数组对象
arr1.unshift(80)	/在数组开头添加元素
arr1.shift(80)	在数组开头删除一个元素并返回
arr1.splice(2, 2)	在指定位置删除并返回一段元素（index,lenrh）
arr1.slice(0,3)	返回一个元素不删除
arr1.indexOf(333)	返回指定元素在数组中的下标
arr1.lastIndexOf(333)	返回最后一次出现的指定元素在数组中的下标
arr1.includes(444)	判断数组是否包含一个元素
arr1.reverse()	翻转数组序列，直接改变数组结构
arr1.sort()	数组排序，按照首字符
arr1.join('--')	数组可以用字符来拼接，默认是逗号（隔开）
arr1.concat(arr2)	返回拼接两个数组之后的结构（返回不改变）

常用的数学计算函数

算式值	算式的意义	算式结果
Math.pow(2, 3)	x 的 y 次方	8
Math.floor(3.14)	向下取整	3
Math.ceil(3.14)	向上取整	4
Math.round(2.4)	四舍五入	2
Math.abs(-4)	绝对值	4
Math.max(10, 3, 4, 7, 66, 44)	选取最大值	66
Math.min(10, 3, 4, 7, 66, 44)	选取最小值	3
Math.round(Math.random() * 100)	1-100之间的随机数	random
Math.round(Math.random() *(max- min ) + min	取30-50之间的数	random