详解javascript的【6种数据类型】
来源:互联网 发布:iosselect.js api 编辑:程序博客网 时间:2024/06/14 06:30
数据类型 (6种)
基本数据类型(5种) Undefined类型 Null类型 Boolean类型 Number类型 String类型复杂数据类型(1种) Object类型
注:Object类型由键值对组成。如 var aa = {key1:value1,key2:value2}
这里的aa就是一个Object类型。
typeof 使用
1.作用:可以定位 js 中任何一个变量是哪一种数据类型
js 中总共只有 6 种数据类型,确定变量的数据类型对某些代码编写有帮助。
var aa = 12; var bb = 'I am bob'; var cc = true; var dd; var ee = null; var ff = /^\w*$/; var gg = {key1: 'value1', key2: 'value2'}; var hh = function () { alert(111); } alert(typeof aa); // number alert(typeof bb); // string alert(typeof cc); // boolean alert(typeof dd); // undefined alert(typeof ee); // object alert(typeof ff); // object alert(typeof gg); // object alert(typeof hh); // function alert(typeof ii); // undefined
2.特殊情况
- null 返回值是 object ,因为解析器把 null 识别为了一个空值的对象。
- 正则表达式 /^\w*$/ 返回值是 object ,在一些老的浏览器返回值是 function。
- function 不属于数据类型,为什么用 typeof 会返回?
js 中函数也是对象,function 可以看成是 object 的一个子集。 - alert(typeof ii) 中的变量 ii 并没有定义,怎么也有返回值?
js 中规定未定义的变量使用 typeof 识别数据类型时也为 undefined 。
Undefiend 类型
1. Undefined 类型只有一个值,即: undefined 。
2.当用 var 声明一个变量但未初始化值时,此时 js 默认会给这个变量赋值,这个值是 undefined 。
var message; // 此时只声明了变量,未初始化,默认值为 undefinedalert(message); // 返回结果 undefined
3.为什么引入这个数据类型
首先我们得弄清一个概念 —— 去考试了但是考了0分 / 没有去考场,考卷上没有分数。
这个数据类型的创建就是为了解决这个问题。
我们声明了一个变量,只是没有给它赋值而已,它是一个实实在在的存在的东西。
和我们直接使用一个凭空出现的,尚未声明的不存在的变量是两个不同的概念。
var message; // 声明了变量 messagealert(message); // 返回结果 undefined,这个变量已经声明过了,只是没有初始化值alert(apple); // 返回结果 控制台直接报错。//(打开F12,选择 控制台或者Console 选项卡会看见红色报错信息)
4.总结
- 当控制台报错 : apple is not defined 时,应该迅速定位问题:我的 js 代码中没有定义这个变量,我需要考虑是否要声明这个变量。
- Undefined 类型的出现是为了区分:尚未初始化值的变量和尚未定义的变量。
Null 类型
1.Null 类型只有一个值,即: null 。
null 是空对象指针,对象里没有内容,即: null={ }; (注:js 中一对华括弧就是一个对象)
2.Null 和 Undefined 有什么关系?
Undefined 可以看成是 Null 的一个子集,下面的例子可以证实这一点:(了解有这回事,没多大卵用,知道 Null 和 Undefined 是两回事即可)
alert(null == undefined); // 返回结果 true
虽然 Undefined 和 Null 有关系而且很相似,为什么又要同时引入这两个概念呢?看下面。
3.Null 的用处?
如果一个变量被声明出来并且明确了在接下来的操作中会接收一个对象,那么就该显式的为该变量赋值 null 。在下面的操作中只需要判断这个变量是否等于 null 就可以知道这个变量到底有没有储存一个对象。
var obj = null; // 定义了变量 obj ,并且已经明确这个变量下面就是用来接收对象// ... obj 变量接收一个对象(对象即:键值对)obj = {key1: 'value1', key2: 'value2'};if (obj != null) { // 判断 obj 如果不为 null,就说明此时已经储存了对象}
4.总结
简单的说:
- undefined 的出现是为了区分 声明了但未初始化的变量和未定义变量之间的区别;
- null 的出现是为了更加方便的对对象进行处理。
Boolean 类型
1.Boolean 类型有两个值: true 和 false 。
2.常见误区:
- true 不一定等于数字 1,false 不一定等于数字 0 ;
- 由于 js 中区分大小写,因此 True 和 False 都不是 Boolean值。
3.类型转换
除 Boolean 类型外还有五种数据类型,都可以转换为 Boolean 类型。有两种方式:
1)使用 Boolean() 方法
var message = 'This is information';var asBoolean = Boolean(message);alert(asBoolean); // 返回结果 true
2) 不适用任何方法,自带转换,常见于控制语句分支条件
var info = 'i am string';if (info) { // 这里的if(info)已经默认调用了Boolean()转换为了true,所以才会执行下面的 alert语句 alert(1); // 返回结果 1}
4.其它四种数据类型转化为Boolean类型(不包括Null类型)
Number 类型
1.进制数
十进制:js中默认的进制数八进制:第一位必须是零,然后是0-7的数字组成十六进制:前两位必须是0x,然后是0-9及A-F(字母不区分大小写)
例:
var num1 = 10; // 十进制var num2 = 070; // 八进制的56var num3 = 079; // 十进制,因为有数字超过了7,这里是79var num4 = 0x1f; // 十六进制的31
注:
八进制在严格模式下("use strict")是无效的,会导致js报错,避免使用。
2.浮点值(即小数)
看个例子:
var num = 0.1 + 0.2;alert(num); // 返回结果:0.30000000000000000004
上面例子表达的就是js的浮点型数据在计算时容易丢失精度,这一点并不仅在javascript存在,建议处理这方面问题使用专用的数字处理类,比如Java里的BigDecima类来处理。这里略过。
3.数字的范围
js中数值的范围是有效位数的,基本上够我们使用,我们仅需要知道以下几个知识点:
- 使用 Number.MIN_VALUE(或Number.NEGATIVE_INFINITY) 表示js中的最小值
- 使用 Number.MAX_VALUE(或Number.POSITIVE_INFINITY) 表示js中的最大值
- 如果某个值超出js的范围,就会转换为无穷大 Infinity 或 -Infinity
- 如果某次计算返回结果中有Infinity,该值无法参与下一次计算
使用 isFinite() 方法确认一个数值是否在js有效数值返回内
如:
var num = Number.MAX_VALUE + Number.MAX_VALUE;alert(isFinite(num)); // 返回 false,无穷大加无穷大超出js数值范围
3.NaN (not a number)
问:为什么要引入这个东西?
答:在其他语言中,比如java中 1/0 由于0作为分母就会报错,但在js中就不会,直接返回NaN。
NaN的含义是本该返回数值的操作未返回数值,返回了NaN就不会抛出异常影响语句流畅性。
掌握:isNaN()的使用?判断一个值是不是数值,不是数值返回true,是数值返回false
如:
alert(isNaN(NaN)); // true 不是数值alert(isNan(10)); // false 是数值alert(isNan(false)); // false 自动转换为数值 0alert(isNan('10')); // false 自动转换为数值 10alert(isNan(hahah)); // true 不是数值
在上面的例子中,会发现有些值被自动的转换为了数值。这就和Boolean类型中的分支条件语句也会将所有数据类型自动转换Boolean一样。
if('hello'){ // 这里的'hello'被转换为了Boolean类型的true值 alert('i am print');}
4.类型转换
就像Boolean类型有个Boolean()方法可以在某些情形下自动将其它数据类型转换为Boolean类型;Number也提供了Number()方法在某些情形将其它数据类型转换为Number类型。
parseInt()方法介绍:只能将字符串转换为数值型
如:
var num1 = Number('123abc'); // NaNvar num2 = Number('123abc'); // 123
问:为什么有Number()了还需要parseInt()方法?
答:比如上面的例子中使用Number()方法就不能返回数值,因为它要求字符串必须全部数值才行,而parseInt的解析字符串机制让它在某些情况下优于Number。
parseInt()处理机制:
首先解析字符串的第一个字符,如果不是数值直接返回,如果是数字,再接着往下解析,直到遇到不是数字的字符时停止,返回前面解析过的值。
使用parseInt()的好习惯是加上进制数。第二个参数定义转换的进制数。
如:
var num1 = parseInt('AF', 16); // 175var num2 = parseInt('AF'); // NaN
上面例子中num1会返回数值,因为定义为了16进制数,而num2只是被当做普通字符串解析。
String 类型
1.类型转换
toString() 方法
- 几乎每个值都有toString()方法
- null和undefined没有toString()方法
- 数值、布尔值直接加引号转换为字符
- 对象的返回结果加引号转换为字符
对数值使用toString()时,可以加进制数限制结果
如:
var num = 10;alert(num.toString(2)); // '1010'alert(num.toString(8)); // '12'
String() 方法
由于toString()方法不能对null和undefined进行转换,那么当我们不确定这个值是不是null或undefined时如何转换呢?String()可以对任何值进行转换。
如:
var aa = null;var bb;String(aa); // 'null'String(bb); // 'undefined'
Object 类型
TODO
- 详解javascript的【6种数据类型】
- javascript 6种数据类型
- javascript的几种数据类型
- javascript四种数据类型
- JavaScript-六种数据类型
- 关于javascript 中两种数据类型
- JavaScript笔记1-六种数据类型
- javascript第七种数据类型Symbol
- 浅谈JavaScript七种数据类型
- JavaScript两种数据类型对比
- javascript六种数据基本类型
- VC几种数据类型详解
- VC几种数据类型详解
- HALCON里几种数据类型详解
- SQLServer 提供的25 种数据类型
- python 的几种数据类型
- JavaSe 八种数据类型的默认值
- redis五种数据类型的使用
- Python 五点搞定作用域
- axure是个啥
- 【WP】Json抓包
- Pycharm之小白使用教程
- PHP读取XML
- 详解javascript的【6种数据类型】
- Leetcode 11. Container With Most Water (Medium) (java)
- Swift3.0教程(一)-基本的语法
- 对CSDN的建议(一)
- Error:File path too long on Windows,keep below 240 characters 解决
- 分布式一致性原理学习笔记(2)
- 工作第十周:干货太多脑子不够用怎么办
- c语言中的sizeof(面试、笔试常考)
- unity3D——登录界面