前端基础——js数据类型及判断方法

格式：pdf
大小：138.49 KB
文档页数：3

前端基础——js数据类型及判断⽅法

⼀、数据类型

我们通常熟知的数据类型有六种，包括5种基本数据类型（Number, String, Boolean, Undefined, Null）和⼀种引⽤数据类型（Object）。ES6⼜新增了⼀个基本数据类型Symbol，所以现在应该是七种数据类型。

注：有些地⽅会把引⽤类型分为对象(Object)、数组(Array)、函数(Function)三种，还有博客中提到了chrome 67中的新功能BigInt类型，我这⾥暂时不算进去。

1、Number

数字类型，包括整数和浮点数。

有⼀个特殊的值NaN，即⾮数值。js 规定NaN不等于NaN，可以⽤ isNaN() 来检测是否是⾮数值型。

2、String

字符串类型，单双引号都⾏。

3、Boolean

布尔类型，只有两个值，true和false。

4、Undefined

声明了变量，但是没有初始化，则这个变量的类型就是undefined，且其默认初始化值为undefined。

5、Null

null类型的默认值是null，从逻辑⾓度讲，是表⽰⼀个空对象指针。

注：区分undefined和null——当⼀个变量声明后，未初始化，则该值为undefined；如果这个值是为了保存对象，则修改默认初始化值为null。所以当检测其类型时，会显⽰类型为object。

6、Object（Data、Function、Array等）

该类型实例化的对象，是⼀组数据和功能（函数）的集合。

实例化对象的过程有两种，⼀种是通过new操作符，⼀种是通过对象字⾯量表⽰法。

Array()、Date()、function()类型，都是从object继承的。

7、Symbol（ES6 新增）

Symbol 类型本质上是⼀种唯⼀标识符，可⽤作对象的唯⼀属性名。

唯⼀性

Symbol 类型的对象永远不相等，即使是⽤同⼀个变量⽣成的值也不相等。

隐藏性

for···in，object.keys() 不能访问，可以⽤专门针对Symbol的⽅法来获取。

Symbol 类型的⼀些应⽤和参考

⼆、判断⽅法

1、typeof

typeof可以区分⼀部分数据类型，结果如下：

typeof 123 //Number

typeof 'abc' //String

typeof true //Boolean

typeof undefined //Undefined

typeof Symbol() //Symbol

typeof null //Object

typeof { } //Object

typeof [ ] //Object

typeof console.log() //Function

2、判断null、object和array

从上⾯的结果可以看出，⽤typeof检测 null、数组、对象的结果都是Object，所以需要⽤其他⽅法区分他们的类型。

判断null

可以⽤===null来判断。

判断object和array

① isArray

Array.isArray([]) //trueArray.isArray({}) //false

② instanceof

[] instanceof Array //true{} instanceof Array //false

③ constructor

{}.constructor //返回object[].constructor //返回Array

④ Object.prototype.toString.call

Object.prototype.toString.call([]) //["object Array"]Object.prototype.toString.call({}) //["object Object"]

END-------------------------------

○延伸两句○深拷贝：修改新变量的值不会影响原有变量的值。默认情况下基本数据类型都是深拷贝。浅拷贝：修改新变量的值会影响原有的变量的值。默认情况下引⽤类型都是浅拷贝。

js中判断对象数据类型的方法

js中判断对象数据类型的⽅法

对js中不同数据的布尔值类型总结：false:空字符串；null；undefined；0；NaN。

true：除了上⾯的false的情况其他都为true；

如下：

var o = {

'name':'lee'

};

var a = ['reg','blue'];

function checkBoolean(a){

if(a){

return true;

}else{

return false;

}

console.log(checkBoolean('')); //false

console.log(checkBoolean(0)); //false

console.log(checkBoolean(null)); //false

console.log(checkBoolean(undefined)); //false

console.log(checkBoolean(NaN)); //false

console.log(checkBoolean(a));//true

console.log(checkBoolean(c));//true

javascript中有六种数据类型：string；boolean；Array；Object；null;undefined。如何检测这些数据类型呢，总结⽅法如下：

⽅法⼀：采⽤typeof

var fn = function(n){

console.log(n);

}

var str = 'string';

var arr = [1,2,3];

var obj = {

a:123,

b:456

};

var num = 1;

var b = true;

var n = null; var u = undefined;

//⽅法⼀使⽤typeof⽅法。

console.log(typeof str);//string

console.log(typeof arr);//object

js中判断数据类型的四种方法总结

js中判断数据类型的四种⽅法总结

js中判断数据类型的四种⽅法

前⾔

在js中，我们经常需要判断数据的类型，那么哪些⽅法可以⽤来判断数据的类型呢？哪种⽅法判断数据类型最准确呢？

我们来⼀个个分析：

1.typeof

typeof是⼀个运算符，使⽤⽅式有两种：1.typeof（表达式）2.typeof 变量名。返回值为表⽰类型的字符串。能判断的类型有

Number、String、Boolean，Undefined、Object、Function、Symbol等

实例详解：

注意最后两个typeof null 和 typeof [] 返回的都是object。可以看出typeof并不能准确的判断出array和null。

结论：

typeof 对对象类型的值的类型不能作出准确判断，能准确判断出基本数据类型的值！

2.instanceof

A instanceof B 判断 A 是否为 B 的实例，如果是，则返回 true，不是则返回 false。instanceof检测的是原型，内部机制其实就是判断对象 A 的原型链中是否有 B 的原型。

实例详解：

从上⾯的实例我们可以看出，基本数据类型的值不能⽤ instanceof 判断类型，由于undefined和null没有构造函数，所以使⽤instanceof 会报错！⽽由基本数据包装类创建的对象可以⽤ instanceof 判断类型。

结论：

instanceof 只能⽤于判断对象，基本数据类型值不能判断，所以也不能准确的判断出所有的类型！

3.constructor

当⼀个函数F被定义时，JS引擎会为F添加prototype原型，然后在prototype上添加⼀个constructor属性，并让其指向F的引⽤，F利⽤原型对象的constructor属性引⽤了⾃⾝，当F作为构造函数创建对象时，原型上的constructor属性被遗传到了新创建的对象上，从原型链⾓度讲，构造函数F就是新对象的类型。这样做的意义是，让对象诞⽣以后，就具有可追溯的数据类型。

判断js数据类型的四种方法，以及各自的优缺点（转）

判断js数据类型的四种⽅法，以及各⾃的优缺点（转）

转载地址：

数据类型分为基本类型和引⽤类型：

基本类型：String、Number、Boolean、Null、Undefined、symbol（ES6）

引⽤类型：Object、Array、Date、Function、Error、RegExp、Math、Number、String、Boolean、Globle。

js内置类型有七种：String、Number、Boolean、Null、Undefined、Symbol（ES6）、Object

判断数据类型的⽅法⼀般可以通过：typeof、instanceof、constructor、Object.prototype.toString.call();四种常⽤⽅法

1、typeof:（可以对基本类型（包括function）做出准确的判断，但对于引⽤类型，⽤它就有点⼒不从⼼了）

typeof 返回⼀个表⽰数据类型的字符串，返回结果包括：number、boolean、string、object、undefined、function、Symbol6种数据类型。

对于引⽤类型，返回的都是object，其实返回object也没有错，因为所有对象的原型链最终都指向了Object,Object是所有对象的`祖宗`。但当

我们需要知道某个对象的具体类型时，typeof 就显得有些⼒不从⼼了。

注意：typeof null也是返回object

2、instanceof

判断对象和构造函数在原型链上是否有关系，如果有关系，返回真，否则返回假

function Aaa(){

}

var a1 = new Aaa();

console.log( a1 instanceof Aaa); //true判断a1和Aaa是否在同⼀个原型链上，是的话返回真，否则返回假

var arr = [];

console.log( arr instanceof Aaa);//false

js中判断对象数据类型的方法 2