7-17：HTML学习#10

今日学习:操作符，数组，循环和函数的学习和使用。学习时长：3h。

比较操作符

==会自动发生转换，而===则会检查数据类型，用===做比较时会给期待的结果

！=为 不等于运算符，不会管数据类型，！==则会检查数据类型

构建if语句：条件写在括号里，如果条件为true则执行大括号里的，不符合条件则执行else if，直到最终运行else（可以将if语句写在一行以省略大括号）

const status=200;

if(status===200){

    console.log("OK");

}else if(status===400){

    console.log("Error");

}else{

    console.log("UnKnown status");

}

三元函数：从中间开始判断

const status=200;

const message=(status===200)?"OK":"Error";

console.log(message);

switch语句;第一条总是检查相等性，不能写大于小于，用break跳出

const status=200;

switch(status){

    case 200:

    console.log("OK");

    break;

    case 400:

    case 500:

    console.log("Error");

    break;

    default:

    console.log("UnKown status");

    break;

}

null,空字符，0会被自动判断为false，&与，|或，！非，&&与||会自动跳过第二个

const name="";

if(name){

    console.log("a name");

}else{

    console.log("no name");

}

数组:两种创建数组的方式

let arrayLength=5;

let arr1=[];

let arr2=Array(arrayLength);

console.log(arr1.length);

console.log(arr2.length);

添加数组:

let arrLength=2;

let arr2=Array(arrLength);

arr2[0]="index 0";

console.log(arr2[0]);

console.log(arr2[1]);

let arrayLength=5;
let arr1=[];
let arr2=Array(arrayLength);
console.log(arr1);
console.log(arr2);

let arr3=Array(3);

arr3[2]="good";

console.log(arr3[2]);

console.log(arr3[arr3.length-1]);

console.log(arr3[0]);

数组常用方法

push和pop会改变数组结尾的值，添加用push，弹出用pop

let arr1=["a",true,2];

console.log(arr1.push("new"));

console.log(arr1);

console.log(arr1.pop());;

console.log(arr1); 

shift和unshift从数组前面开始

let arr1=["a",true,2];

console.log(arr1.unshift("new"));

console.log(arr1);

console.log(arr1.shift());;

console.log(arr1);

用push和unshift会返回含有新值的数组，用pop和shift会返回移除的值

concat可以返回连接两个数组的新数组

let arr1=["a",true,2];

let arr2=["b",false,1];

let newarr1=arr1.concat(arr2);

let newarr2=arr2.concat([1,2,3]);

console.log(newarr1);

console.log(newarr2);

循环

while循环：确保条件被改动

const names=['justin','sarah','ellsa'];

let index=0;

while(index < names.length){

    const name = names[index];

    console.log(name);

    index++;

}

for循环：与while循环的唯一区别，语法都写在一行中，可以执行指定的次数

const names=['justin','sarah','ellsa'];

for(let index=0;index<names.length;index++){

    const name=names[index];

    console.log(name);

}

for 。。of循环

const names=['justin','sarah','ellsa'];

for(let name of names){

    console.log(name);

}

调用函数时用while更好，最终会返回空值，不知道要循环多少次

for循环更多适合知道执行次数

for fo更适合用于数组或一些数据集合

函数：function

function isCountingDown(var1,var2){

    if(var1>var2)

    return true;

   return false

}

functon是关键字，在JS中声明定义一个函数；大括号限定了函数的执行部分；isCountingDown是函数的名字，用来执行函数；var1和var2是参数，把参数看作需要传入函数的输入数据的占位符；return语句提供了两种值，可以将return语句当成将数据发出去方法或者提供结果或者函数执行后的输出，如果没有return语句，默认返回Undefined 

当定义函数时，要写大括号，没有分号；而执行函数要调用函数名字加（）