<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script>

/*

ECMAScript,标准、核心 :必须写var ,if后面跟小括号不是大括号，规定数据类型，

HTML 标签类型：block、inline、inline-block、table……

JS中的数据类型：数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义

typeof 判断数据类型

*/

var i = 100;

alert( typeof i );            // number

var s = ' miaov ';

alert( typeof s );                // string

alert( s.length );                //

alert( s.charAt(3) );        // 'a'

var b = true;                // 布尔值：true  false

alert( typeof b );        // boolean

if ( true ) {}

for ( ; false ; ) {  }

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

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 );        //

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 );        // object

arr.abc = 999;//数组是object,数组也可以加属性

arr.fn1 = function (){ alert('ok'); };

alert( arr.abc );//

arr.fn1();//函数调用

var json = { name:'miaov', age:5  };

alert( json.name + '今年' + json.age + '岁了' );

alert( typeof json );//object

var n = null;

alert( typeof n );//object

var u;

alert( typeof u );            // undefined 未定义

</script>

</head>

<body>

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

//Number和parseInt可以处理小部分非数字，非数字太多就不行了。

<script>

var a = '+100';     //正100

alert( a+100 );        // '100100'

alert( Number(a) );            //

var a1 = '    ';

alert( Number(a1) );        //

var a2 = true;

alert( Number(a2) );            // true-1  false-0

var a3 = [ 1 ];

alert( Number(a3) );            // 1 0

var a3 = [ ];

alert( Number(a3) );            //

var a4 = null;

alert( Number(a4) );                //

var b = ' 200px';

alert( Number(b) );//NaN

alert( parseInt(b) );//200     parseInt(b，10):按照10进制转换

alert( parseInt('200px667677') );//200,只转前面的，

alert( parseInt('+200px667677') );//200，

var c = '12.34元';

alert( parseInt(c) );//

alert( parseFloat(c) );//12.34

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>

</head>

<body>

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script>

/*

显式类型转换（强制类型转换）：

Number()

parseInt()

parseFloat()

隐式类型转换：

    +                    200 + '3'        变成字符串

    - * / %                '200' - 3     变成数字197

    ++ --                var a='10';a--;alert(a) 9        变成数字

    > <                 alert('10'>9)  true  转成10>9,  alert('10'>'9') false 字符串的比较

    !    取反                    把右边的数据类型转成布尔值

    ==

*/

alert( Number('……') );            NaN

alert( '……'-9 );                                    NaN

alert( '2' == 2 );//true

alert( '2' === 2 );//false

</script>

</head>

<body>

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script>

// JS中的数据类型：数字（NaN）、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义

var a = Number('abc');

alert( a );            // NaN：not a number 不是个 数字 的 数字类型

alert( typeof (a) );            // number

// 一旦写程序中出现：NaN  肯定进行了非法的运算操作

// alert( '200px' -  100 );

// NaN 是 false

if( a ){

    alert( '真' );

}else{

    alert( '假' );

}

var abc = [];

alert( abc === abc );                true

// NaN 与自己都不相等！！

alert( a === a );                // false

</script>

</head>

<body>

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script>

isNaN();// 判断是不是数字，不喜欢数字，不是数字true,是数字false

// 判断某些值是不是数字

// 不喜欢数字、讨厌数字

alert( isNaN( function(){ alert(1) } ) );//true

alert( isNaN('250') );//false,调用Number()  '250' => 250 => false

alert( isNaN( [] ) );//false,调用Number()=>0

</script>

</head>

<body>

</body>

</html>
<!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;//   '123'

        // HTML 中拿到的内容，类型都是字符串,即使输入123，也是字符串

        alert( typeof str );//string

        if( isNaN(str) ){//调用Number('123')=>123,是数字。

            alert( str + '不是数字' );

        }else{

            alert( str + '是数字' );

        }

    };

};

</script>

</head>

<body>

<input type="text" />

<input type="button" value="判断输入值是不是数字" />

</body>

</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. 二、Fast-R-CNN

    一.概括 Fast R-cnn的主要亮点有:Fast R-CNN将借助多任务损失函数,将物体识别和位置修正合成到一个网络中,不再对网络进行分步训练,不需要大量内存来存储训练过程中特征的数据:用RoI层 ...

  2. [NOIP2013提高组]货车运输

    题目:洛谷P1967.Vijos P1843.codevs3287. 题目大意:有n个城市m条道路,每条道路有一个限重,规定货车运货不能超过限重.有一些询问,问你两个城市之间一次最多能运多少重的货(可 ...

  3. python学习---【__all__】

    python包中都会有一个__init__.py的模块,这个模块是区分该父文件是一个python包,或是一个文件目录.这个__init__.py可以是空,也可以添加内容,最常见的就是其中的__all_ ...

  4. uikit学习

    *)ur-drop组件:在元素旁边显示一个框 delay-hide:1000(鼠标移开后1000毫秒才唤醒结束操作,默认是800) delay-show:1000(点击后过1000毫秒才会出现东西) ...

  5. Spring-statemachine Action不能并发执行的问题

    Spring-statemachine版本:当前最新的1.2.3.RELEASE版本 这几天一直被Action是串行执行搞得很郁闷,写了一个demo专门用来测试: public static void ...

  6. 概率dp HDU 3853

    H - LOOPS Time Limit:5000MS     Memory Limit:65536KB     64bit IO Format:%I64d & %I64u Submit ci ...

  7. 【 D3.js 入门系列 --- 2.1 】 关于怎样选择，插入，删除元素

    本人的个人博客首页为: http://www.ourd3js.com/  ,csdn博客首页为:http://blog.csdn.net/lzhlzz/. 转载请注明出处,谢谢. 在D3.js中,选择 ...

  8. 1.Apache Axis配置文件WSDD详解

    转自:https://jyao.iteye.com/blog/1285516 1. Aapche Axis的Web Service Deployment Descriptor(WSDD)文件参考文档. ...

  9. centos7 安装好python3 yum报错

    解决方法: 修改两个地方 vi /usr/bin/yum 将最前面的改为#! /usr/bin/python2 vi /usr/libexec/urlgrabber-ext-down #! /usr/ ...

  10. spring mvc获取路径参数的几种方式

    一.从视图向controller传递值,  controller <--- 视图 1.通过@PathVariabl注解获取路径中传递参数 (参数会被复制到路径变量) @RequestMappin ...