学习目标

1.掌握JavaScript的数据类型

2.掌握typeof操作符

3.掌握Undefined

4.掌握null

JavaScript的数据类型

ECMAScript中有5种简单数据类型(也称为基本数据类型):

Undefined、 Null、 Boolean、 Number、 String.

还有1种复杂数据类型:Object.

Typeof

语法:typof空格变量  或   typof(变量)

功能:检测变量类型

返回值:stying类型,有可能是:string、number、boolean、object、undefined、function

undefined

Undefined类型只有一个值,即特殊的undefined。

声明:一般而言,不存在需要显示把一个变量设置为undefined值的情况。

null

1.null值表示一个空对象指针

2.如果定义的变量准备在将来用于保存对象,那么最好将改变初始化为null而不是其他值。

说明:undefined值是派生自null值的,所以undefined==null,返回结果是true。

JavaScript数据类型-Number

学习目标

1.掌握Number

2.掌握isNaN()

3.掌握数值转换

(1)、Number()

(2)、parseInt()

(3)、parseFloat()

Number

Number:表示整数和浮点数

NuN:即非数值(Not a Number)是一个特殊的数值。

说明:

1.任何涉及NaN的操作(例如NaN/10)都会返回NaN。

2.NaN与任何值都不相等,包括NaN本身。

IsNaN()

语法:isNaN(n)

功能:检测n是否是“非数值”

返回值:boolean

参数:参数n可以是任何类型

说明:isNaN()在接受到一个值之后,会尝试将这个值转为数值。

某些不是数值的值会直接转为数值。

数值转换

有3个函数可以把非数值转化为数值:Number()、parseInt()、parseFloat()。

其中Number()可以用于任何数据类型,而parseInt()和parseFloat则专门把字符串转换为数值。

parseInt()整数

parseInt()会忽略字符串前面的空格,直至找到第一个非空格字符。

说明:1.parseInt():转化空字符返回NaN.

2.parseInt()这个函数提供第二个参数:转换时使用的基数

paesrFloat()浮点数

parseFloat:从第一个字符串开始解析每个字符,直至遇见一个无效的浮点数字符为止。

说明:除了第一个小数点有效外,parseFloat()与parseInt()的第二个区别在于它始终都会忽略前导的零。

JavaScript数据类型-String

学习目标

1.掌握String

2.掌握字符串转

(1)String()

(2)toString()

3.掌握Boolean

4.掌握类型转换

String

String类型用于表示由零或多个16位Unicode字符组成的字符序列,即字符串。字符串可以由双引号(“”)或单引号(‘’)表示。

toString()与String()

语法:str.toString()

功能:将str转换为字符串

返回值:str的一个副本

参数:str是要转换的内容,可以是数值、布尔值、对象、字符串。

说明:在不知道要转换的值是不是null或undefined的情况下,还可以使用String()函数,它能够将任何类型的值转换为字符串。

Boolean

用于表示真假的类型,true表示真,false表示假

类型转换

1.除0之外的所有数字,转换为布尔型都为true

2.除“”之外的所有字符,转换为布尔型都为true

3.Null和undefined转换为布尔型为false

<script>

var name_01="marry",age=18,email="marry@sohu.com",address,settings=null;

var distance=12.67980;

var id="16";

console.log(typeof(distance));  // 在控制台中打印  number

console.log(typeof(age-"abc")); // number

console.log(isNaN(email));  // (string)非数值 true

console.log(isNaN(id)); // false

id=Number(id);

name_01=Number(name_01);

console.log(typeof id);  //number

console.log(name_01);   // NaN

var topval=parseInt("28px");

var c="abc58"

console.log(topval);  // 28

console.log(parseInt(c)); // NaN

console.log(parseInt("0xf",16)); // (十六进制)15

var d=parseFloat("12.34.56px");

var e=parseFloat("0.123abc");

console.log(e);   // 0.123

var msg='hello world';

var ids=78965;
      
       var idstr=ids.toString();

var m;

var isStudent=true;

var isChild=false;

console.log(typeof idstr); // string

console.log(String(m));  // undefined

console.log(isChild.toString()); // false

var x=0;

var strings=" ";

var y;

var timer=null;

console.log(Boolean(timer));  //false

</script>

JavaScript数据类型-2---Undefined、 Null、 Boolean、 Number、 String.的更多相关文章

  1. 第一百零七篇:基本数据类型(undefined,null,boolean类型)

    好家伙, 本篇内容为<JS高级程序设计>第三章学习笔记 1.数据类型 ECMAScript有6种简单数据类型(称为原始类型): Undefined, Null, Boolean, Numb ...

  2. javascript中的undefined,null,"",0和false的云集

    在各种各样的数据类型中,我们都会为其定义一个"空值"或"假值",比如对象类型的空值null,.NET Framework中数据库字段的空值DBNull,bool ...

  3. Javascript数据类型之Undefined和null

    Javascrip中的数据类型分为原始数据类型(primitive type)和对象数据类型(object type). 原始数据类型 原始数据类型包括:数字.字符串.布尔值.null.undefin ...

  4. JavaScript中的Undefined / Null 类型相关说明

    1,综述: ※Undefined 和 Null是JavaScript中的两种数据类型(其他的类型还有:Boolean, String, Number, Object). ※Undefined类型只有一 ...

  5. 重温javascript数据类型

    在javaScript中,有五种简单的数据类型,分别是 Undefined Null Boolean Number String 还有一种复杂的数据类型object,object本质是有一组无序的名值 ...

  6. javascript 数据类型 undefined 和null

    数据类型 undefind null boolean number string object type of 功能:检测变量类型 语法:type of 变量或 type of (变量) consol ...

  7. js常用API 数据类型 基本类型,基本包装类型,引用类型 Object String Array Boolean Number Date Math

    数据类型 变量.作用域及内存 基础类型(primitive value):Undefined.Null.Boolean.Number和String.这些类型在内存中分别占用固定大小的空间,他们的值保存 ...

  8. JavaScript 中undefined,null,NaN的区别

    1.类型分析: js中的数据类型有undefined,boolean,number,string,object等5种,前4种为原始类型,第5种为引用类型.var a1;var a2 = true;va ...

  9. Javascript 中的非空判断 undefined,null, NaN的区别

    JS 数据类型 在介绍这三个之间的差别之前, 先来看一下JS  的数据类型. 在 Java ,C这样的语言中, 使用一个变量之前,需要先定义这个变量并指定它的数据类型,是整型,字符串型,.... 但是 ...

随机推荐

  1. OCP-1Z0-051-V9.02-13题 单引号的使用

    13. View the Exhibit and examine the structure of the PRODUCTS table. You need to generate a report ...

  2. ThinkPHP5集成JS-SDK实现微信自定义分享功能

    最近开发一个项目,需要将链接分享给好友时能够自定义标题.简介和logo,现将ThinkPHP5集成JS-SDK实现微信自定义分享功能的过程整理成文. 一.准备工作 1.认证的公众号 不管是订阅号还是服 ...

  3. Linux CPU信息和使用情况查看(CentOS)

    一.CPU信息查看 cat /proc/cpuinfo| grep "physical id"| sort -u | wc -l #查看是物理CPU个数,-u和uniq都是去重作用 ...

  4. springmvc 自定义view支持json和jsonp格式数据返回

    1.如果controlloer上用@ResponseBody注解,则用<mvc:message-converter>里面配置的json解析器进行解析 <mvc:annotation- ...

  5. linux basic test

    Linux 1◆ 提供连接     2◆ connection baidu.com 3◆ vm tools install Reboot    

  6. Yii验证码简单使用及

    控制器:(写了貌似也没用,未解决验证码位数:位数可改核心代码) public $layout = false;//隐藏导航 public function actions(){ return [ // ...

  7. vue-router-6-命名视图

    //展示多个视图<router-view class="view one"></router-view> <router-view class=&qu ...

  8. vue-router-1-安装与基本使用

    npm install vue-router import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) / ...

  9. Java面向对象的三大特性之一 多态

    多态: 子类重写父类方法 1)位置:子类和父类中有同名的方法 2)方法名相同,返回类型和修饰符相同,参数列表相同       方法体不同 多态的优势和应用场合 多态:同一个引用类型,使用不同的实例而执 ...

  10. 关于Xcode9 无法读取文件的问题

    以前我们加载本地文件的时候也许没有注意,可是在Xcode9中会出现许多问题,经常会出现图片无法显示,本地html无法加载等问题: 当然不是Xcode的问题,只是以前我们并没有注意,其实Xcode对这些 ...