javascript基础笔记(一)

  1、数据类型转换
      1、什么是数据类型转换
         不同类型的数据之间在做运算的时候，会发生的类型的转换。
      2、数据类型转换分类
         1、隐式转换
   自动完成
   string 类型参与运算时，其他数据类型都会转换成string类型


   注意：如果string类型中的数据是数字类型，那么所做的-，*，/，%全部都是数据运算。
2、显示转换
   转换函数：
     1、toString()
        将任意类型的数据转换成string类型
     2、parseInt()
        将指定的数据转换成整数。如果碰见第一个非数字字符，则停止转换。
parseInt(53.5)->53
parseInt("75")->75
parseInt("75Hello")->75
parseInt("H75")->NaN
     3、parseFloat()
        将指定数据转换成小数
   2、函数
      1、什么是函数
         函数：Function,又称为方法(Method),过程(Procedure)


是一段 预定义好，可以被反复使用的代码块。


window.prompt()
document.write()
      2、定义函数
         语法：
 function 函数名(){}
      3、调用函数
         函数名();
<button onclick="函数名()">
<script>
函数名();


function 函数2(){

}


function 函数1(){
  函数2();
}


function 函数3(){
函数3();
}
</script>
      4、带参函数
         1、声明
   语法：
     function 函数名(参数列表){
     
     }


     参数列表：用 , 隔开的若干参数名称
2、调用
   函数名(参数值列表);


   function print(n1,n2){
console.log(n1);
console.log(n2);
   }


   print(5,10);
   结果：
     5
     10
   print(10,5)
   结果：
     10
     5
   3、分支(选择)结构
      1、程序的流程
         1、顺序结构
   自顶向下，逐条语句执行
2、分支结构
   根据指定的条件，选择某段代码去执行
3、循环结构
   根据指定的条件，反复的执行某段代码
      2、分支结构
         1、if 语句
   语法：
     if(条件){
       语句块;
     }
   流程：
     1、判断条件
     2、条件为真，则执行语句块
     3、条件为假，则不执行语句块
   条件：boolean类型的值或表达式
   注意：
     1、如果条件为非boolean的值的话
       以下情况当做false来处理
 if(0)
 if(0.0)
 if(null)
 if(undefined)
 if("")
 if(NaN)
         2、if-else 语句
   语义：如果...否则...
   语法：
      if(条件){
        语句块1;
      }else{
        语句块2;
      }
    流程：
      1、判断条件是否为真
      2、如果为真，则执行语句块1
      3、否则(条件为假)，则执行语句块2
         3、多重if结构
   if(条件1){
     语句块1;
   }else if(条件2){
     语句块2;
   }...else{
     语句块n;
   }
   
   练习：
     编写一个 “个人所得税计算器” 函数
     该函数 接受一个参数值，来表示税前工资,在函数内，将工资所对应的 税额 计算出来并打印输出
     个税计算梯度如下：
     3500以下：免征
     3500~5000部分：缴纳3%个税
     5000~9000部分：缴纳10%个税
       工资：7000元
       3500 : 不交税
       1500(超出3500，低于5000部分) : 3% -> 45
       2000(超出5000，低于9000部分) :
       10% -> 200
     9000以上部分：缴纳20%个税
       税前工资：35000
       3500 : 免征
       1500 : 45
       4000 : 400
       26000 :5200


       35000 -> 5645税
2、循环结构
   1、问题
      1、在控制台上打印输出一遍 Hello
         console.log("Hello");
      2、在控制台上打印输出十遍 Hello
         console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");


条件：
   10遍
操作：
   console.log("Hello");
      3、在控制台上打印输出100遍 Hello
         条件：
   100遍
操作：
   console.log("Hello");
      4、将 Hello 全部改成 你好
         条件：
   100遍
         操作：
   将 Hell 改成  你好
      5、在输出 你好 的基础上 增加
         第1遍 你好
第2遍 你好
...
第100遍 你好


条件：
   同上
操作：
   增加 遍数 的打印
   2、循环
      1、什么是循环
         循环：一遍又一遍，重复的执行相同或者相似的事情(代码)
      2、生活中的循环
         1、上学
   从 5月30 日开始
   到 9月30 日结束
2、运动员的比赛
   从第一场开始 
   到 淘汰 结束
3、活着
   从 出生开始
   到 ... 结束
4、地球的公转自转
   ...
      3、循环特点：
         1、循环条件
   制约执行循环的次数的东西
   从什么时候开始
   到什么时候结束
2、循环操作
   又称为循环体
   要执行的相同的或者相似的事情是什么
   3、while 循环
      1、语法
         while(条件){
   循环操作
}


流程：
  1、判断 条件
  2、如果条件为真，则执行循环操作
     2.1 、执行完循环操作之后，再一次判断条件
     2.2 、如果条件为真，再一次执行循环操作
     ...
  3、如果条件为假，则不执行循环体
      2、注意
         一定要在循环体内，更新循环条件，否则，就是死循环


i=i+1;
i+=n;--> i=i+n;
i++; --> i=i+1;
i--; --> i=i-1;


练习：
  1、打印 1-100之间所有的数字
  2、打印 1-100之间所有的奇数
      3、break
         1、作用
   用于循环中，终止循环的执行
         2、练习
   要求用户 循环的输入信息并打印 ，直到输入 0 则停止
   条件：
      输入0为止，否则，无限循环
   操作：
     1、输入
     2、打印
   4、for 循环
      1、while 循环
         打印 1-100之间所有的数字
var i=101; //1、声明循环变量
while(i<=100){//2、循环条件
//3、循环体
console.log(i);
//4、更新循环变量
i++;
}
      2、for 语法
          for(声明循环变量;循环条件;更新循环变量){
循环体
 }
 过程:
   1、先计算表达式1的值
      即声明循环变量
   2、计算表达式2的值
      即判断循环条件
      如果结果为true，则继续向下，否则，退出循环
            3、执行循环体
   4、计算表达式3的值
      即更新循环变量
   5、计算表达式2的值
      即判断循环条件
      如果结果为true，则继续向下，否则，退出循环
      3、使用场合
         1、for  
   已经 明确 了循环次数的时候，优先使用 for 循环。
2、while
   不确定循环次数时，相比之下，可以优先使用 while 循环
      4、for 三个表达式的特殊用法
         1、第一个表达式为空时
   var i=1;
   for(;i<100;i++){
console.log(i);
   }
   注意：可以省略第一个表达式，但是一定要在循环之外，将第一个表达式内容补齐。否则就是语法错误。


         2、第二个表达式为空时
   for(var i=1;;i++){
console.log(i);
   }
   省略第二个表达式时，默认为真-死循环
   如果省略第二个表达式的话，一定要在 循环体内将条件补足。否则就是死循环
3、第三个表达式为空时
   for(var i=1;i<100;){
console.log(i);
   }
   省略第三个表达式时，结果为死循环。如果要省略的话，那么就要在循环体内补足第三个表达式的值或给定退出条件
4、省略所有表达式
   for(;;){
      
   }
   省略所有表达式-死循环。补足所有的内容即可。
5、表达式1以及表达式3的位置处，允许接收多个表达式。中间用,隔开即可。
3、数组
   1、问题
      保存班级中，所有同学的名字
      var name1="张三";
      var name2="李四";
      var name3="王二麻子"
      var name4="王五";
   2、什么是数组
      多个数据所组成的集合。
      将多个数据保存在一个变量名中


      在内存中，是按照线性顺序排列的(有序排列)。


      下标：数组中，每个元素的序号。下标从0开始，到数组的元素个数-1结束
   3、定义和初始化数组
      语法：
        var 数组名=[];//声明一个空数组
var 数组名=[值1,值2,值3];//声明一个包含3个元素的数组


var 数组名=new Array();//声明一个空数组
var 数组名=new Array(值1,值2,值3);//声明一个包含3个元素的数组
   4、访问数组
      1、访问数组元素的方式
         index:下标，索引 ...


         数组名称[下标];
      2、存 - 设置数组元素的值
         数组名称[下标]=值;
注意：如果下标所对应的元素已经存在的话，那么就会实现覆盖
      3、取值
         数组名称[下标];


注意：访问数组中不存在的元素，结果为 undefined
      4、获取数组的长度
         数组长度：即数组中，元素的个数
语法：
  数组名称.length;


可以通过 length  属性，循环遍历数组中的每一个元素