<!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. [NOIP2015模拟10.22] 最小代价 解题报告 (最小生成树)

    Description 给出一幅由n个点m条边构成的无向带权图.其中有些点是黑点,其他点是白点.现在每个白点都要与他距离最近的黑点通过最短路连接(如果有很多个黑点,可以选取其中任意一个),我们想要使得 ...

  2. BZOJ 1069 求凸包+旋转卡壳

    思路: 求凸包: 先按照x轴排个序 从左往右扫一遍 找到上凸壳 (用叉积) 再从右往左扫一遍 求下凸壳 搞个旋转卡壳就好啦~ 嗯 我手懒 用的C++ Complex库 巨好用! //By Sirius ...

  3. C++中inline函数

    (一)inline函数(摘自C++ Primer的第三版) 在函数声明或定义中函数返回类型前加上关键字inline即把min()指定为内联. inline int min(int first, int ...

  4. Linux 运维笔试题（一）

    试题:   1.说出下列服务对应的端口或者端口对应的服务 21  23  25  873  161  111  110  53  123  2049   2.文件atime,ctime,mtime的区 ...

  5. shell脚本备份nginx日志

    vim /data/runlog.sh                                                  #编辑一个 shell 脚本 #!/bin/bash LOGP ...

  6. git diff的文字说明

    -U<n>--unified=<n> Generate diffs with <n> lines of context instead of the usual t ...

  7. Open With Atom添加到右键菜单/从右键菜单移除

    1.进入Settings 快捷键ctrl+shift+p,输入settings后回车 2.切换到System选项卡 3.通过勾选/取消勾选以下选项实现添加/移除右键菜单 √ Show in file ...

  8. 【Codeforces Round #423 (Div. 2) C】String Reconstruction

    [Link]:http://codeforces.com/contest/828/problem/C [Description] 让你猜一个字符串原来是什么; 你知道这个字符串的n个子串; 且知道第i ...

  9. ECNUOJ 2573 Hub Connection plan

    Hub Connection plan Time Limit:1000MS Memory Limit:65536KB Total Submit:743 Accepted:180 Description ...

  10. [Python] Normalize the data with Pandas

    import os import pandas as pd import matplotlib.pyplot as plt def test_run(): start_date='2017-01-01 ...