JavaScript基础（一）

1. js的数据类型

1. 基本数据类型： Number   String   Boolean  Null   Undefined
   number      ---    正数、负数、0、NaN
   string      ---    ''
   Boolean     ---    true、false （6个假值：0,'',null,undefined,NaN,false）
   null        ---  空指针
   undefined   ---  未定义
2. 引用数据类型： Array Object Date RegExp Function......

2. js的输出方式

1. alert（）
2. confirm()           有两个返回值：确定按钮-true； 取消按钮-false;
3. document.write()    注意：在window.onload里使用document.write会清空页面；
4. innerHTML
5. console.log()
6. console.dir()       可以打印出对象的详细信息；
7. console.table();

例子

例一：
var bOk=confirm('你是未成年吗？');
         if(bOk){
         alert('你可以回家了')
         }else{
         alert('欢迎光临')
         }
例二：
window.onload=function(){
            var oDiv=document.getElementById('div');
            var oP=document.getElementsByTagName('p')[0];
            //console.log(oP);
            console.dir(oP);
            //alert(oDiv.innerHTML)  //获取元素的内容
            oDiv.innerHTML='aaaa';
            oP.innerHTML='bbb';
            //document.write('几天下雨了')
        }
例三：
var ary1=[{aa:1,bb:2,cc:'ddd'}];
console.table(ary1);

3. js数据类型常用检测方式

1. typeof       局限性：不能检测对象的详细情况
2. constructor  构造函数
3. instanceof   返回的结果是个布尔值
4. Object.prototype.toString.call()

例子

var ary=[21,12,34,2];    //实例； Array
    //console.log(ary.constructor)     -- > Array
    //console.log(ary instanceof Array)   --- > true
   // console.log(Object.prototype.toString.call(ary))   -- > [object Array]

4. isNaN() — 是否为非有效数组

是非有效数字-true； 不是非有效数字-false

5. 其他数据类型转为number数据类型

  1. 转换方式：
      严格转换:Number()
      非严格转换：parseInt(); parseFloat();
  2. 转换规律：
      1.true->1; false->0;
      2.null->0; undefined->NaN;
      3.[] 首先会通过tostring转为"",然后通过Number转成0；
  3. isNaN();  是否为非有效数字

6. 其他数据类型转为boolean数据类型

  1. 什么是真？什么是假？
      规律：除了0,"",null,undefined,NaN为假，其他都为真
  2. 其他数据类型转为布尔数据类型的方式
     1.Boolean();
     2.!
     3.!!
     4.if(值)
     5.if(表达式)

7. 数字常用的方法:toFixed(保留的小数的个数)

8. 关于循环

  1. for和while的区别和联系
     相同点，都可以包含四部：定义，条件，语句，自增
     不同点：用法不同
     for循环用于长度固定的循环；
     while循环，用于长度不固定；即，当不知道要循环多少次的时候，用while循环；
  2. do...while循环，无论条件是否成立，都会先执行一次，以后再根据条件判断，决定是否再执行
  3. for ...in 关于对象的循环；

例子

//1)定义 2）条件 3）语句 4）自增；
    for(var i=0; i<3; i++){
        alert(i)
    }
    //while循环，可以写的跟for循环一个，包含4步
    var i=0;      //1.定义
    while(i<3){    //2.条件
        alert(i);   //3.语句
        i++;         //4.自增；
    }
    //do...while循环，无论条件是否成立，都会先执行一次，以后再根据条件判断，决定是否再执行
    var i=12;
    do{
        alert(i)
        i++;    //如果没有自增，会出现死循环；
    }while(i<3)

9. 数据类型之间的比较

JavaScript中“=”代表赋值 “==”代表比较 “===”代表严格比较

1.对象==对象 比较的是地址；[]==[]; ->false
2.对象==字符串 转成字符串  ''==[];->true
3.对象==数字  转成数字   []==0; ->true
4.对象==布尔值 转成数字  []==![] ->true;
5.字符串==数字 转成数字  ''==0 ->true;
6.字符串==布尔  转成数字  ''==![] ->true;
7.数字==布尔   转成数字  0==[] ->true;
8.null==undefined ->true
null===undefined ->false;
9.NaN==NaN ->false