1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>无标题文档</title>
  6.  
  7. <script>
  8. /*
  9. ECMAScript,标准、核心 :必须写var ,if后面跟小括号不是大括号，规定数据类型，
  10. HTML 标签类型：block、inline、inline-block、table……
  11. JS中的数据类型：数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义
  12. typeof 判断数据类型
  13. */
  14.  
  15. var i = 100;
  16. alert( typeof i );            // number
  17.  
  18. var s = ' miaov ';
  19. alert( typeof s );                // string
  20. alert( s.length );                //
  21. alert( s.charAt(3) );        // 'a'
  22.  
  23. var b = true;                // 布尔值：true  false
  24. alert( typeof b );        // boolean
  25. if ( true ) {}
  26. for ( ; false ; ) {  }
  27.  
  28. var fn = function (){ alert(1); };
  29. function fn1(){
  30.     alert(2);
  31. }
  32. alert( fn1 );//弹出函数体
  33. fn1();
  34.  
  35. var obj = document;  //地址传递
  36. alert( typeof obj ); // object  物体、东西、对象
  37. obj.abc = 123;
  38. obj.onOff = true;
  39. obj.fn1 = function (){ alert(1); };
  40. alert( document.onOff );        //
  41. obj.fn1();//函数调用
  42.  
  43. var arr = [ 1,2,3,4 ];
  44. alert( arr.length );
  45. arr[2] = 345;
  46. alert( arr );
  47. arr.push( 5,6,7 );//加入多个
  48. alert( arr );
  49. alert( typeof arr );        // object
  50. arr.abc = 999;//数组是object,数组也可以加属性
  51. arr.fn1 = function (){ alert('ok'); };
  52. alert( arr.abc );//
  53. arr.fn1();//函数调用
  54.  
  55. var json = { name:'miaov', age:5  };
  56. alert( json.name + '今年' + json.age + '岁了' );
  57. alert( typeof json );//object
  58.  
  59. var n = null;
  60. alert( typeof n );//object
  61.  
  62. var u;
  63. alert( typeof u );            // undefined 未定义
  64. </script>
  65. </head>
  66. <body>
  67. </body>
  68. </html>
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>无标题文档</title>
  6. //Number和parseInt可以处理小部分非数字，非数字太多就不行了。
  7. <script>
  8. var a = '+100';     //正100
  9. alert( a+100 );        // '100100'
  10. alert( Number(a) );            //
  11. var a1 = '    ';
  12. alert( Number(a1) );        //
  13. var a2 = true;
  14. alert( Number(a2) );            // true-1  false-0
  15. var a3 = [ 1 ];
  16. alert( Number(a3) );            // 1 0
  17. var a3 = [ ];
  18. alert( Number(a3) );            //
  19. var a4 = null;
  20. alert( Number(a4) );                //
  21.  
  22. var b = ' 200px';
  23. alert( Number(b) );//NaN
  24. alert( parseInt(b) );//200     parseInt(b，10):按照10进制转换
  25. alert( parseInt('200px667677') );//200,只转前面的，
  26. alert( parseInt('+200px667677') );//200，
  27.  
  28. var c = '12.34元';
  29. alert( parseInt(c) );//
  30. alert( parseFloat(c) );//12.34
  31.  
  32. var num = '200.45';
  33. if( parseInt(num) == parseFloat(num) ){
  34.     alert( num + '是整数' );
  35. }else{
  36.     alert( num + '是小数' );
  37. }
  38.  
  39. var json = {};
  40. alert( Number(json) );
  41.  
  42. var u;
  43. alert( Number(u) );
  44.  
  45. var a3 = function (){ alert(1); };
  46. alert( Number(a3) );            // NaN
  47. </script>
  48. </head>
  49. <body>
  50. </body>
  51. </html>
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>无标题文档</title>
  6.  
  7. <script>
  8.  
  9. /*
  10. 显式类型转换（强制类型转换）：
  11. Number()
  12. parseInt()
  13. parseFloat()
  14.  
  15. 隐式类型转换：
  16.     +                    200 + '3'        变成字符串
  17.     - * / %                '200' - 3     变成数字197
  18.     ++ --                var a='10';a--;alert(a) 9        变成数字
  19.     > <                 alert('10'>9)  true  转成10>9,  alert('10'>'9') false 字符串的比较
  20.     !    取反                    把右边的数据类型转成布尔值
  21.     ==
  22. */
  23.  
  24. alert( Number('……') );            NaN
  25. alert( '……'-9 );                                    NaN
  26.  
  27. alert( '2' == 2 );//true
  28. alert( '2' === 2 );//false
  29. </script>
  30. </head>
  31. <body>
  32. </body>
  33. </html>
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>无标题文档</title>
  6. <script>
  7. // JS中的数据类型：数字（NaN）、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义
  8. var a = Number('abc');
  9. alert( a );            // NaN：not a number 不是个 数字 的 数字类型
  10. alert( typeof (a) );            // number
  11. // 一旦写程序中出现：NaN  肯定进行了非法的运算操作
  12. // alert( '200px' -  100 );
  13. // NaN 是 false
  14. if( a ){
  15.     alert( '真' );
  16. }else{
  17.     alert( '假' );
  18. }
  19. var abc = [];
  20. alert( abc === abc );                true
  21. // NaN 与自己都不相等！！
  22. alert( a === a );                // false
  23. </script>
  24. </head>
  25. <body>
  26. </body>
  27. </html>
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>无标题文档</title>
  6.  
  7. <script>
  8. isNaN();// 判断是不是数字，不喜欢数字，不是数字true,是数字false
  9. // 判断某些值是不是数字
  10. // 不喜欢数字、讨厌数字
  11. alert( isNaN( function(){ alert(1) } ) );//true
  12. alert( isNaN('250') );//false,调用Number()  '250' => 250 => false
  13. alert( isNaN( [] ) );//false,调用Number()=>0
  14. </script>
  15. </head>
  16. <body>
  17. </body>
  18. </html>
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>无标题文档</title>
  6. <script>
  7. window.onload = function (){
  8.     var aInp = document.getElementsByTagName('input');
  9.     var str = '';
  10.     aInp[1].onclick = function (){
  11.         str = aInp[0].value;//   '123'
  12.         // HTML 中拿到的内容，类型都是字符串,即使输入123，也是字符串
  13.         alert( typeof str );//string
  14.         if( isNaN(str) ){//调用Number('123')=>123,是数字。
  15.             alert( str + '不是数字' );
  16.         }else{
  17.             alert( str + '是数字' );
  18.         }
  19.     };
  20. };
  21. </script>
  22. </head>
  23. <body>
  24. <input type="text" />
  25. <input type="button" value="判断输入值是不是数字" />
  26. </body>
  27. </html>

js---12数据类型,数据类型转换，NaN,的更多相关文章

  1. js | JavaScript中数据类型转换总结

    转载 在js中,数据类型转换分为显式数据类型转换和隐式数据类型转换. 1, 显式数据类型转换 a:转数字: 1)Number转换: 代码: var a = “123”; a = Number(a); ...

  2. 【SpringMVC】SpringMVC系列12之数据类型转换、格式化、校验

      12.数据类型转换.格式化.校验 12.1.数据绑定流程     Spring MVC 主框架将 ServletRequest 对象及目标方法的入参实例传递给 WebDataBinderFacto ...

  3. ECMAScript1.1 js书写位置 | 声明变量 | 基本数据类型 | 数据类型转换 | 操作符 | 布尔类型的隐式转换

    js书写位置 由于在写css样式时使用的时双引号,所以我们在写js代码时建议使用单引号(‘’)! 行内式 <input type="button" value="点 ...

  4. JS 里的数据类型转换

    JS的数据类型转换 一.js中的数据类型Js中的数据类型一共有六种,即number,string,boolean,underfine,null,object. 1.Number Number数据类型指 ...

  5. js注释和数据类型转换

    单行注释 用来描述下面一个或多行代码的作用 // 这是一个变量var name = 'hm'; 多行注释 用来注释多条代码 /*var age = 18;var name = 'zs';console ...

  6. 2 Java基础语法(keyword,标识符,凝视,常量,进制转换,变量,数据类型,数据类型转换)

    1:keyword(掌握) (1)被Java语言赋予特定含义的单词 (2)特点: 所有小写. (3)注意事项: A:goto和const作为保留字存在. B:类似于Notepad++这种高级记事本会对 ...

  7. java入门---基本数据类型之引用数据类型&数据类型转换

        接着上一篇文章来,这次就先看看什么是引用数据类型?首先得满足以下条件: 在Java中,引用类型的变量非常类似于C/C++的指针.引用类型指向一个对象,指向对象的变量是引用变量.这些变量在声明时 ...

  8. js之数据类型及类型转换

    一.数据类型 js中的数据类型:      5种基础类型:Undefined,Null,Boolean,Number,String      1种复合类型:Object(对象包括数组,函数等)   1 ...

  9. 剑指前端（前端入门笔记系列）—— JS基本数据类型及其类型转换

    基本数据类型 ECMAScript中有5中简单数据类型性(也称为基本数据类型):Undefined.Null.Boolean.Number和String,还有一种复杂数据类型——Object,Obje ...

随机推荐

  1. java9新特性-4-模块化系统: Jigsaw与Modularity

    1.官方Feature 200: The Modular JDK 201: Modular Source Code 220: Modular Run-Time Images 260: Encapsul ...

  2. Java类和对象11

    首先,编写一个类ChongZai,该类中有3个重载的方法void print():其次,再编写一个主类来测试ChongZai类的功能. public class ChongZai { public v ...

  3. 走进ReactiveCocoa的世界

    在学习ReactiveCocoa之前,先学习一下概念 ReactiveCocoa 是一套开源的基于Cocoa的FRP框架 .FRP的全称是Functional Reactive Programming ...

  4. Java 调用对象方法的执行过程

    弄清调用对象方法的执行过程十分重要.下面是调用过程的详细描述: 1) 编译器查看对象的声明类型和方法名.假设调用x.f(param),且隐式参数x声明为C类的对象.需要注意的是:有可能存在多个名为f, ...

  5. iOS下调用元素的focus方法，input元素不聚焦，键盘不弹起的问题

    页面元素 <input type="text" ref="elInput"/> <div style="margin-top:20p ...

  6. kolla-ansible 安装openstack 拉取阿里云镜像时报错

     TASK [mariadb : Pulling mariadb image] ************************************************************ ...

  7. java 线程传参 方式

    第一类:主动向线程传参   public class ThreadTest extends Thread { public ThreadTest() { } /** * 第一种通过构造方法来传递参数 ...

  8. 从终端运行python程序

    终端窗口运行.py程序 首先你要安装python,命令行输入 python 有python提示符 >>> 出现说明安装成功 程序第一行应该是 #! python3 #! python ...

  9. [NOI2015]品酒大会(SA数组)

    [NOI2015]品酒大会 题目描述 一年一度的"幻影阁夏日品酒大会"隆重开幕了.大会包含品尝和趣味挑战 两个环节,分别向优胜者颁发"首席品酒家"和" ...

  10. SpringMVC 常见异常处理

    1.javax.xml.bind.UnmarshalException: unexpected element (uri:"", local:"request" ...