JS数据类型总结整理

JS 数据类型：
      字符串、布尔、数字、对象（element、{json}、[]、null）、函数、未定义

1、检测数据类型：typeof 运算符  ,   charAt 根据字符串下标来获取子字符串
var a = 'miaov';
alert( typeof a );          // string
alert( a.length );          // 5
alert( a.charAt(2) );    // charAt 根据字符串下标来获取子字符串

var b = true;                  // 布尔值  true      false
alert(typeof b);      // boolean

var p = document.getElementsByName('p');
alert(p);                  //[object HTMLCollection]

var d = document;
alert( typeof d );            // object
d.abc = 123;
alert(d.abc);                      //123
alert(document.abc);        //123

var arr = [ 1,2,3,4 ];
alert(typeof arr);            // object
arr.push(5);
alert(arr.length);  //5
arr.abc = 'abcde';
alert(arr.abc.charAt(3));  //d
2、null  是对象。    null初始化一个对象，'' 字符串为空。
var oNull = null;
alert( typeof oNull );            // object
var li = null;                          // null 不能添加自定义属性！

var fn = function (){ alert(1); };
alert( typeof fn );                  // function
alert( fn );            // function (){ alert(1); };
fn();                            //1

function fn1(){
      alert(2);
}
alert( fn1 );    // function fn1(){
                          alert(2);
                                      }
// 函数：所有的函数，不调用，不执行！
// 函数名称就等于整个函数
// 函数名+()  就让函数调用了

var abc;
alert(typeof abc);            // undefined
alert( abc );                              // undefined
// 未定义是一种状态：程序出错

            Number();
                  从整体上进行转换（尽量转成数字）
                  转不成功：NaN
           
            parseInt();
                  从左到右，一位一位进行转换
                  转不成功：NaN
                 
                  注释：只有字符串中的第一个数字会被返回。
                  注释：开头和结尾的空格是允许的。
                  提示：如果字符串的第一个字符不能被转换为数字，那么 parseFloat() 会返回 NaN。

            parseFloat();
                  从左到右，一位一位进行转换（认得小数）

                  注释：开头和结尾的空格是允许的。
                  提示：如果字符串的第一个字符不能被转换为数字，那么 parseFloat() 会返回 NaN。
                  提示：如果只想解析数字的整数部分，请使用 parseInt() 方法。

alert(parseInt("010"));      //10
alert(parseInt('sdf123'));  //NaN
alert(parseInt('123 333'));  //123
alert(parseInt('010',8));  //8  转换为8进制

var a = '100';
alert( a+10 );            // 10010
alert( Number(a)+10 );  //110

  alert(Number(''));                  // 0    Number()从整体上进行转换（尽量转成数字）
  alert(Number(false));            // 0
  alert(Number([]));                  // 0
  alert(Number(null));            // 0
 
  alert(parseFloat(''));                  // NaN 
  alert(parseFloat(false));            // NaN
  alert(parseFloat([]));                  // NaN
  alert(parseFloat(null));            // NaN

var n = null;      //null初始化一个对象，' ' 字符串为空
alert(typeof(n));  // object
if(n){
      alert('真');
}else{
      alert('假');  //假
}

var b = '200px';
var b2 = '200.98px';
alert(parseInt(b));  //200
alert(parseInt(b2));  //200

var c = '23.45元';
alert(parseFloat(c));  //23.45

var num = 40.678;
if(parseInt(num) == parseFloat(num)){  //判断是否为整数
      alert(num + '是整数');
}
else{
      alert(num + '是小数');
}

不强制类型转换（隐式类型转换）：
           
                  +                  200+'px'        =>            '200px'
                  - * / %      '200'-1            =>            199
                  ++ --            '2'++            =>            3
                  > <            '3' > 2            =>            true
                  （如果> <的两边都是字符串，则不会发生类型转换）
                  ==                  '2'==2                  =>            true
                  （把数字2变成字符串2，再进行比较，比较的是最终的值）
                  !                  !100                  =>            false
                  （!把类型变成布尔值）

alert('200'-1);  //199
var a = '2';
a++; 
alert(a); //  3

alert('3' > '2000000');      // true

alert('2'==2);          //true
alert('2'===2);      // false    全等判断，先判断类型，再判断值
alert(!true);        // false
alert(!100);          // false（100 => true）
if(!2345){
      alert('真');
}else{
      alert('假');      //假
}

var aaa = '200';
// 列出你所知道的所有方法，把字符串转数字：
Number(aaa);
parseInt(aaa);
parseFloat(aaa);
aaa-0
aaa*1
aaa/1

NaN 的出现：表示你的数字类型转换失败！
      特征：
            1、NaN 在布尔值的表现：false
                  if(Number('w')){
                        alert('真');
                  }else{
                        alert('假');  //假
                  }
            2、NaN 与自己不相等
                        var a = Number('w'); 
                        alert(a == a);  //false

alert(Number('w'));            // NaN : not a number （不是个数字）
alert(typeof Number('w') );      // number          typeof运算符的写法
alert(typeof(Number('w')));      // number          typeof方法的写法
alert(NaN+1)      //NaN

var aaa = '';
alert( parseInt('') );            // NaN

在一堆字符串里找数字的方法：
for(var i=0; i<a.length; i++){
      if(parseInt(a.charAt(i)) == parseInt(a.charAt(i))){    //判断转化之后为number且不为NaN
            str += a.charAt(i);
      }
}
//判断是否为数字且不为 ：NaN,parseFloat(arr[i]) == arr[i]
//判断是数字，且为NaN ：typeof(arr[i]) == 'number' && isNaN(arr[i])

isNaN() : 用来判断某个值是否为 number
alert( isNaN(250) );                  // false
alert( isNaN('ABC') );              // true

isNaN 的实现原理：Number('ABC') => NaN
喜欢 NaN => true

alert( isNaN('') );                        // false      Number('') => 0
alert( isNaN([]) );                        // false      Number([]) => 0
alert( isNaN(null) );                    // false        Number(null) => 0