JS的数据类型（包含：7种数据类型的介绍、数据类型的转换、数据类型的判
断）
前⾔
最新的 ECMAScript 标准定义了JS的 7 种数据类型，其中包括：
6 种基本类型:Boolean、Null、Undefined、Number、String、Symbol (ECMAScript 6 新定义)；
1个引⽤类型： Object（包含狭义的对象，Array，function）。
本⽂主要介绍⼀下7种数据类型介绍及数据类型转换及数据类型判断。
⽬录
1. JavaScript七种数据类型（Boolean、Null、Undefined、Number、String、Symbol、Object）
2. JavaScript数据类型转换（任意类型转字符串，任意类型转数字，任意类型转布尔）
3. JavaScript数据类型判断（Typeof()、instanceof、String.call()、constructor）
正⽂
1 JavaScript七种数据类型
Boolean
Bealean类型的值有两个：true、false
所有其他数据类型都有对应的Boolean值，使⽤Boolean(value)⽅法可以强制转换任意值为boolean类型
console.log(Boolean("Hello")); //true
Null
Null类型的值只有⼀个：null
Typeof(null)时返回“object”：这是历史原因造成的，但是可以理解成：unll表⽰⼀个空对象(Object)的引⽤
typeof(null); // "object"
Undefined
undefined类型的值只有⼀个：undefined
只进⾏了声明⽽未初始化的变量，其值都是undefined
var m;
console.log(m);    //undefined
undefined值派⽣⾃null值，两者都是表⽰“没有值”。两者相等，但是由于数据类型不⼀样，两者不全等（==是相等操作符会对数据类型进⾏转化，===是全等操作符不会转化数据类型）
console.log(undefined == null); //true
console.log(undefined === null); //false
如何区分undefined和null：表⽰⼀个还没赋值的对象⽤null；表⽰⼀个还没赋值的字符串、数字、布尔、symbol时⽤undefined
Number
number包括：整数和⼩数(如:1/1.1)、科学计数法(如:1.11e2)、⼆进制(如:0b11)、⼋进制(如:011或0o11)
、⼗六进制(如:0x11)
保存浮点数所需的内存空间是整数值的2倍
浮点数值相加结果会不准确
console.log(0.1+0.2);    //0.30000000000000004
NaN是⼀个特殊的Number值；它的存在是为了避免程序直接报错；NaN的任何操作都会返回NaN；NaN与任何值都不相等，包括它⾃⾝
console.log(NaN === NaN);  //false；
String
字符串String类型是由引号括起来的⼀组由16位Unicode字符组成的字符序列。
⽤单引号（' '）或双引号（" "）皆可，但是必须双引号配双引号，单引号配单引号
任何字符串的长度都是可以通过length属性来取得
var a="nihao";
console.log(a.length);
//5
ECMAScript中字符串是不可变，如要改变该变量保存的字符串，⾸先要销毁原来的字符串，再⽤另⼀个包含新值的字符串填充该变量Symbol（本节参考⾃的博客）
symbol是基本类型，实现唯⼀标识 
通过调⽤symbol(name)创建symbol  name
我们创建⼀个字段，仅为知道对应symbol的⼈能访问，使⽤symbol很有⽤ 
symbol不会出现在for..in结果中 
使⽤symbol(name）创建的symbol，总是不同，即使name相同。如果希望相同名称的symbol相等，则使⽤全局注册 
symbol.for(name)返回给定名称的全局symbol，多次调⽤返回相同symbol 
Javascript有系统symbol，通过Symbol.*访问。我们能使⽤他们去修改⼀些内置⾏为
Object
对象由 { } 分隔，在 { } 内部，对象的属性以名称和值对的形式 (name : value) 来定义，属性由逗号分隔　
var cars={
"car1" : "Volvo",
"car2": "Saab",
};
//或者
var cars={
car1 : "Volvo",
car2: "Saab",
};
寻对象中的值有两种⽅式：
car1name=cars.car1;
car1name =cars["car1"];
数组(Array)和函数(Function)是⾼级的对象
注意⚠ ：基本类型和引⽤类型的区别：
基本类型：访问是按值访问值不可变，基本类型的⽐较是值的⽐较，数据是存放在栈内存中的
引⽤类型：拥有属性和⽅法且值是可变的，引⽤类型的⽐较是引⽤的⽐较，数据是存放在堆内存中的
2 JavaScript数据类型转换
任意转字符串
String(thing)  （thing：任何可以被转换成字符串的值）
String(1)    //"1"
String(true)    //"true"
String(null)    //"null"
String(undefined) //"undefined"
String({})    //"[object Object]"
注意⚠ ：当字符串中的数字为其他进制时，会⾃动转化为⼗进制，再把⼗进制转化为字符串，如：
String(0b1100)  //"12"  ⼆进制转化为⼗进制
String(01100）//"576"  ⼋进制转化为⼗进制
String(0o1100)  //"576"  ⼋进制转化为⼗进制
String(0x1100)  //"4352" ⼗六进制转化为⼗进制
(1).toString()  //"1"
{}.toString()  //"[object Object]"
thing + ""
1 + ""  //"1"
true + ""  //"true"
null + ""  //"null"
undefined + ""  //"undefined"
{} + ""  //0
var o={}  //undefined
o + ""  //"[object Object]"
任意转数字 
Number(value)
Number(true) //1    布尔转为数字
Number(false) //0    布尔转为数字
Number(null) //0    null转为数字
Number(undefined) //NaN  undefined转为数字，结果为NaN
Number("123") //123  字符串转为数字
Number("") //0      有空格的空字符串为0
Number("") //0      为空格的空字符串为0
Number("123a")  //NaN  number转数字的字符串中不能有字母，parseFloat以及parseInt的中间可以有字母，但是开头不能有
Number("true") //NaN
Number("false") //NaN
parseInt(string, radix)
//⚠ string必须是⼀个字符串
//⚠ 如果不是字符串⽽是⼀串数字（注意不能是数字+字母的格式），系统会⾃动把数字转为字符串，parseInt(01100)相当于是parseInt(String(01100))，由于01100是0开头，是⼀个⼋进制，String(01100)会把进制度转化为⼗进制再转为parseInt("01100", 10) //1100
parseInt(01100)  //576
parseInt("01100", 8) //576  8的意思是：我字符串中的值是⼋进制的，请把它转化为⼗进制
//⚠ 但是0x开头（即⼗六进制）的除外
parseInt("0b1100")  //0    ⼆进制返回0，到字母b处即⽆法识别数字
parseInt("0o1100")  //0    ⼋进制返回0，到字母o处即⽆法识别数字
parseInt("0x1100")  //4352  括号⾥的是字符串。⼗六进制返回对应的⼗进制
parseInt(0x1100)    //4352  括号⾥的不是字符串。⼗六进制返回对应的⼗进制
string：必需。要被解析的字符串。
radix：可选。表⽰要解析的数字的基数。该值介于 2 ~ 36 之间，如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头，将以
16 为基数，如果该参数⼩于 2 或者⼤于 36，则 parseInt() 将返回 NaN。 
注意⚠ ：radix参数为n 将会把第⼀个参数看作是⼀个数的n进制表⽰，⽽返回的值则是⼗进制的
parseFloat(string)
parseFloat("1.11")  //1.11      字符串中是数字（0-9）以及⼩数点
parseFloat(".1.11")  //0.1        如果⾸字符是.则会⾃动shi
parseFloat("0.0111e2")  //1.11      字符串中是科学计数法（e/E）
parseFloat("+1.11")  //1.11      字符串中有+
parseFloat("-1.11")  //-1.11      字符串中有-
parseFloat("1.11more")  //1.11      字符串中如果有除⼩数点、+/-、数字、e/E  的字符，它以及之后的字符都会被忽略
parseFloat("more1.11")  //NaN      如果以字母开头直接NaN
parseFloat("  1.11")  //1.11      字符串开头的空格会⾃动忽略
//注意⚠
parseFloat(".1.11")  //0.1        如果字符串有两个点，第⼆点之后的内容会被忽略掉
parseFloat("..1.11")  //NaN      开头多个点会NaN
string：需要被解析成浮点数的字符串   
parseFloat是个全局函数，不属于任何对象 
parseFloat将它的字符串参数解析成为浮点数并返回，如果在解析过程中遇到了正负号(+或-)、数字(0-9)、⼩数点、或者科学记数法中的指数(e或E)以外的字
符，则它会忽略该字符以及之后的所有字符，返回当前已经解析到的浮点数，同时参数字符串⾸位的空⽩符会被忽略 
可以通过调⽤isNaN函数来判断parseFloat的返回结果是否是NaN，如果让NaN作为了任意数学运算的操作数，则运算结果必定也是NaN 
parseFloat 也可转换和返回Infinity值. 可以使⽤isFinite 函数来判断结果是否是⼀个有限的数值 (⾮Infinity, -Infinity, 或 NaN) 
string- 0 或 string*1 或string/1　
"123"-0//123  相减
"123"*1//123  相乘
"123"/1//123  相除
//注意⚠
"123a"-0//NaN  字符串中不能有字母
+string 或 -string
+"123"//123  正
-"123"//-123 负
任意转布尔
Boolean(value)  (value：可选，是⽤来初始化 Boolean 对象的值。)
//Boolean()值为false的情况：参数值为 0、-0、null、NaN、undefined、空字符串（""），或者传⼊的参数为 DOM 对象的 document.all 时
Boolean(""); //false
Boolean(0); //false
字符串长度判断
Boolean(-0); //false
Boolean(NaN); //false
Boolean(null); //false
Boolean(undefined); //false
//Boolean()值为True的情况：除以上提到的⼏种情况，任何其他的值，包括值为 "false" 的字符串和任何对象，都会创建⼀个值为 true 的 Boolean 对象。
//⚠ 空字符串中如果有空格，返回的是true
Boolean(" "); //true
!!value
!!""//false
!!0//false
!!-0//false
!!NaN //false
!!null//false
!!undefined //false
3 JavaScript数据类型判断
Typeof()
判断基本数据类型（基本类型number、string、boolean、undefined，除了null。）⚠ 不能区分对象、数组、null、引⽤类型
//typeof()输出有五种数据类型  number  string    boolean  undefined  object以及以及函数类型 function
typeof("")  //"string"
typeof(1) //"number"
typeof(true) //"boolean"
typeof(undefined) //"undefined"
typeof({}) //"object"
typeof([]) //"object"                    array返回对象
typeof(function(){})  //"function"
typeof(null)  //"object"                  null返回对象
//但是怎么区分对象、数组以及null 呢？
instanceof运算符
判断引⽤类型（引⽤类型，即对象类型。创建对象后可以调⽤这个对象下的⽅法有Object类型、Array类型、Date类型、RegExp类型、Function类型，包装类型（Boolean、Number、String）等。）
//nstanceof对引⽤类型进⾏判断
{} instanceof Object;    //true[] instanceof Array;      //true new Date() instanceof Date;        //true
function(){} instanceof Function;  //true
//instanceof⽆法对原始类型进⾏判断
"string" instanceof String;      //false(111) instanceof Number;  //false
String.call()
能准确的判断基本类型和引⽤类型　
String.call('abc')    //"[object String]"
String.call(123)      //"[object Number]"
String.call(true)      //"[object Boolean]"
String.call(undefined) //"[object Undefined]"
String.call(null)      //"[object Null]"
String.call({})        //"[object Object]"
String.call([])        //"[object Array]"
String.call(function(){}) //"[object Function]"
常⽤的类型判断函数集合
var valide = (function(){
// 是否是字符串
function isString(value){
return String.call(value) == "[object String]";
}
// 是否是数字
function isNumber(value){
return String.call(value) == "[object Number]";
}
// 是否undefined
function isUndefined(value){
return String.call(value) == "[object Undefined]";
}
// 是否是null
function isNull(value){
return String.call(value) == "[object Null]";
}
// 是否是布尔值
function isBoolean(value){
return String.call(value) == "[object Boolean]";
}
/
/ 是否是对象
function isObject(value){
return String.call(value) == "[object Object]";
}
// 是否数组
function isArray(value){
return String.call(value) == "[object Array]";
}
// 是否是函数
function isFunction(value){
return String.call(value) == "[object Function]";
}
// 是否是正则表达式
function isRegExp(value){
return String.call(value) == "[object RegExp]";
}
// 是否是⽇期对象
function isDate(value){
return String.call(value) == "[object Date]";
}
})();
constructor属性
constructor属性始终指向创建当前对象的构造函数
string".constructor == String  //true
(123).constructor == Number  //true
{}.constructor == Object  //true
[].constructor == Array  //true
⼀个常⽤的函数
function isArray(arr){
return typeof arr == "object" && structor == Array;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。