day01-js数据类型

<!DOCTYPE HTML>

<html>

<head>

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

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

<script>

/*

ECMAScript：标准、核心

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

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

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

// alert( typeof b );        // boolean

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

arr.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>

</head>

<body>

</body>

</html>

day02-JS数据类型转换

<!DOCTYPE HTML>

<html>

<head>

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

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

<script>

var a = '+100';

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

// alert( Number(a) );            // 100

var a1 = '    ';

// alert( Number(a1) );        // 0

var a2 = true;

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

var a3 = [ 1 ];

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

var 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>

</head>

<body>

</body>

</html>

day03-隐式类型转换

<!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     变成数字

    ++ --                        变成数字

    > <                         数字的比较 、字符串的比较

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

    ==

*/

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

// alert( '……'-9 );                                    NaN

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

// alert( '10000000' > '9' );

// 数字的比较与字符串的比较

// '1000000'   '9'

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

</script>

</head>

<body>

</body>

</html>

day04-NaN

<!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

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

day05-isNaN()

<!DOCTYPE HTML>

<html>

<head>

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

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

<script>

// 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( [] ) );

</script>

</head>

<body>

</body>

</html>

day06-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>

javascript-初级-day04js数据类型的更多相关文章

  1. JavaScript 中的数据类型

    Javascript中的数据类型有以下几种情况: 基本类型:string,number,boolean 特殊类型:undefined,null 引用类型:Object,Function,Date,Ar ...

  2. javaScript中的数据类型

    一.综述 javaScript中的数据类型分为两类: 简单类型:Boolean,Number,String 引用类型:Object 其他:undefined代表变量没有初始化,null代表引用类型为空 ...

  3. Javascript中的数据类型之旅

    虽然Javascript是弱类型语言,但是,它也有自己的几种数据类型,分别是:Number.String.Boolean.Object.Udefined.Null.其中,Object属于复杂数据类型, ...

  4. JavaScript基础：数据类型的中的那些少见多怪

    原文:JavaScript基础:数据类型的中的那些少见多怪 Javascript共有6种数据类型,其中包括3个基本数据类型(string,number,boolean).2个特殊数据类型(undefi ...

  5. 【译】Javascript中的数据类型

    这篇文章通过四种方式获取Javascript中的数据类型:通过隐藏的内置[[Class]]属性:通过typeof运算符:通过instanceof运算符:通过函数Array.isArray().我们也会 ...

  6. ArcGIS API for JavaScript 中的数据类型【vs】GPServer的数据类型

    熟悉GPServer的同学肯定知道,GPServer在10.1的ArcMap后需要执行成功一次才能发布. 发布GPServer,可以是ArcMap的工具箱的工具,也可以是自己写的模型. 不管是ArcM ...

  7. JavaScript 基本语法 -- 数据类型 & 变量

    JavaScript都有哪些数据类型呢? 在JavaScript里面,数据类型分为两类:原始类型(primitive type)和对象类型(object type) 1. 原始类型(我的理解,不可分割 ...

  8. JavaScript中基本数据类型和引用数据类型的区别

    1.基本数据类型和引用数据类型 ECMAScript包括两个不同类型的值:基本数据类型和引用数据类型. 基本数据类型指的是简单的数据段,引用数据类型指的是有多个值构成的对象. 当我们把变量赋值给一个变 ...

  9. 细说 JavaScript 七种数据类型

    在 JavaScript 规范中,共定义了七种数据类型,分为 “基本类型” 和 “引用类型” 两大类,如下所示: 基本类型:String.Number.Boolean.Symbol.Undefined ...

  10. javascript 中检测数据类型的方法

    typeof 检测数据类型 javascript 中检测数据类型有好几种,其中最简单的一种是 typeof 方式.typeof 方法返回的结果是一个字符串.typeof 的用法如下: typeof v ...

随机推荐

  1. 定制input元素

    定制input元素 input元素可以用来生成一个供用户输入数据的简单文本框.其缺点在于用户在其中输入什么值都可以.有时这还不错,但是有时设计者可能希望让用户输入特定类型的数据.在后一种情况下,可以对 ...

  2. SpringBoot入门08-整合Mabatis

    整合所需的依赖 注解方式和映射文件方式的mybatis都可以被整合进springboot 创建springboot的web项目后,在pom加入spring-mybatis和mysql-jdbc和thy ...

  3. 【MySQL】MySQL（三）存储过程和函数、触发器、事务

    MySQL存储过程和函数 存储过程和函数的概念 存储过程和函数是 事先经过编译并存储在数据库中的一段 SQL 语句的集合 存储过程和函数的好处 存储过程和函数可以重复使用,减轻开发人员的工作量.类似于 ...

  4. Apache Beam入门及Java SDK开发初体验

    1 什么是Apache Beam Apache Beam是一个开源的统一的大数据编程模型,它本身并不提供执行引擎,而是支持各种平台如GCP Dataflow.Spark.Flink等.通过Apache ...

  5. 重学c#系列——字典(十一)

    前言 重学c#系列继续更新,简单看一下字典的源码. 看源码主要是解释一下江湖中的两个传言: 字典foreach 顺序是字典添加的顺序 字典删除元素后,字典顺序将会改变 正文 那么就从实例化开始看起,这 ...

  6. 【NXOpen.UF扩展】修改表达式

    public static class UFExpEx { /// <summary> /// 修改当前部件的表达式 /// </summary> /// <param ...

  7. C++ 与 Visual Studio 2019 和 WSL(二)

    终端 A more integrated terminal experience | Visual Studio Blog (microsoft.com) Say hello to the new V ...

  8. Less-25 preg_replace2

    Less-25: 核心语句: 各种回显也均有. 通过blacklist,我们可以发现,本题屏蔽了and和or. preg_replace函数中正则表达式后面的i是一个修饰符,代表正则匹配时不区分大小写 ...

  9. 【UE4 C++】 UDataAsset、UPrimaryDataAsset 的简单使用

    UDataAsset 简介 用来存储数据,每一个DataAsset 都是一份数据 可以派生,系统自带派生 UPrimaryDataAsset 方便数据对象的加载和释放 可以引用其他的 UDataAss ...

  10. Vue 报错Error in render: “TypeError: Cannot read properties of null (reading ‘xxx’)” found in

    前端vue报错 [Vue warn]: Error in render: "TypeError: Cannot read properties of null (reading 'name' ...