您的位置：首页 > Web前端 > JavaScript

js的数据类型

2017-07-29 14:03 127 查看 

ECMAScript：标准、核心
HTML
标签类型：block、inline、inline-block、table……
JS中的数据类型：数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义
 
typeof
判断数据类型

var i = 100;// alert( typeof i );           // numbervar s = ' miaov ';// alert( typeof s );               // string// alert( s.length );               // 7// alert( s.charAt(3) );        // 'a'var b = true;               // 布尔值：true  false// alert( typeof b );       // booleanif ( true ) {}for ( ; false ; ) {  }var fn = function (){ alert(1); };// fn();function fn1(){alert(2);}// alert( fn1 );// fn1();var obj = document;// alert( typeof obj );             // object  物体、东西、对象obj.abc = 123;obj.onOff = true;obj.fn1 = function (){ alert(1); };// alert( document.onOff );     // 123// obj.fn1();var arr = [ 1,2,3,4 ];// alert( arr.length );// arr[2] = 345;// alert( arr );// arr.push( 5,6,7 );// alert( arr );// alert( typeof arr );     // objectarr.abc = 999;arr.fn1 = function (){ alert('ok'); };// alert( arr.abc );// arr.fn1();var json = { name:'miaov', age:5  };// alert( json.name + '今年' + json.age + '岁了' );// alert( typeof json );var n = null;// alert( typeof n );var u;// alert( typeof u );           // undefined 未定义// 表示你写的程序出问题了~~</script>
<script>var a = '+100';// alert( a+100 );      // '100100'// alert( Number(a) );          // 100var a1 = '    ';// alert( Number(a1) );     // 0var a2 = true;// alert( Number(a2) );         // true-1  false-0var a3 = [ 1 ];// alert( Number(a3) );         // 1 0var a4 = null;// alert( Number(a4) );             // 0// var b = ' 200px';// alert( parseInt(b) );var c = '12.34元';// alert( parseFloat(c) );var num = '200.45';if( parseInt(num) == parseFloat(num) ){alert( num + '是整数' );}else{alert( num + '是小数' );}////////////////////////////////////////////////////////////////////////////var json = {};// alert( Number(json) );var u;// alert( Number(u) );var a3 = function (){ alert(1); };// alert( Number(a3) );         // NaN</script>
显式类型转换（强制类型转换）：
Number()
parseInt()
parseFloat()
 
隐式类型转换：
    
+                              200 + '3'       变成字符串
    
-* / %             '200' - 3     变成数字
    
++--                       变成数字
    
><                       数字的比较 、字符串的比较
    
!  取反                  把右边的数据类型转成布尔值
    
==
//JS中的数据类型：数字（NaN）、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义
 
vara = Number('abc');
//alert( a );          // NaN
 
//NaN：not a number 不是个 数字 的 数字类型
 
//alert( typeof (a) );         // number
 
//一旦写程序中出现：NaN  肯定进行了非法的运算操作
//alert( '200px' -  100 );
 
//NaN 是 false
if(a ){
    
//alert( '真' );
}else{
    
//alert( '假' );
}
 
varabc = [];
//alert( abc === abc );                true
 
//NaN 与自己都不相等！！
alert(a === a );               // false
//NaN：not a number 不是个 数字 的 数字类型
//isNaN：Is not a number 是不是不是一个数字（不是数字）
 
isNaN();                   // true         false
//判断某些值是不是数字
//不喜欢数字、讨厌数字
 
//alert( isNaN( function(){ alert(1) } ) );
//alert( isNaN('250') );
//Number()  '250' => 250 => false
 
//alert( isNaN( [] ) );
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><script>window.onload = function (){var aInp = document.getElementsByTagName('input');var str = '';aInp[1].onclick = function (){str = aInp[0].value;// HTML 中拿到的内容，类型都是字符串// alert( typeof str );if( isNaN(str) ){alert( str + '不是数字' );}else{alert( str + '是数字' );}};};</script></head><body><input type="text" /><input type="button" value="判断输入值是不是数字" /></body></html>

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航