js查询数据类型

❶ 如何正确判断js数据类型

了解js的都知道， 有个typeof 用来判断各种数据类型,有两种写法：typeof xxx ,typeof(xxx)
如下实例：
typeof 2 输出 number
typeof null 输出 object
typeof {} 输出 object
typeof [] 输出 object
typeof (function(){}) 输出 function
typeof undefined 输出 undefined
typeof '222' 输出 string
typeof true 输出 boolean

这里面包含了js里面的五种数据类型 number string boolean undefinedobject和函数类型 function
看到这里你肯定会问了：我怎么去区分对象，数组和null呢?
接下来我们就用到另外一个利器：Object.prototype.toString.call
这是对象的一个原生原型扩展函数,用来更精确的区分数据类型。
我们来试试这个玩儿意儿：

var gettype=Object.prototype.toString
gettype.call('aaaa')输出 [object String]
gettype.call(2222) 输出 [object Number]
gettype.call(true) 输出 [object Boolean]
gettype.call(undefined) 输出 [object Undefined]
gettype.call(null) 输出 [object Null]
gettype.call({}) 输出 [object Object]
gettype.call([]) 输出 [object Array]
gettype.call(function(){}) 输出 [object Function]
看到这里，刚才的问题我们解决了。
其实js 里面还有好多类型判断
[object HTMLDivElement] div 对象 ,
[object HTMLBodyElement] body 对象,
[object Document](IE)或者
[object HTMLDocument]（firefox,google） ......
各种dom节点的判断，这些东西在我们写插件的时候都会用到。
可以封装的方法如下：
?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

var gettype=Object.prototype.toString

var utility={

isObj:function(o){

return gettype.call(o)=="[object Object]";

},

isArray:function(o){

return gettype.call(o)=="[object Array]";

},

isNULL:function(o){

return gettype.call(o)=="[object Null]";

},

isDocument:function(){

return gettype.call(o)=="[object Document]"|| [object HTMLDocument];

}

........

}

❷ JS-判断js数据类型的几种方式

js的数据类型分为两大类：

基本类型：也称为简单类型，由于其占据空间固定，是简单的数据段，为了便于提升变量查询速度， 将其存储在栈中，即按值访问 。

引用类型：也称为复杂类型，由于其值的大小会改变，所以不能将其存放在栈中，否则会降低变量查询速度，因此， 其值存储在堆中 ，而存储在变量处的值，是一个指针，指向存储对象的内存处，即 按址访问 。引用类型除 Object 外，还包括 Function 、Array、RegExp、Date 等等。

引用类型和基本类型的区别：
1、基本类型按 值 访问

需要注意的是：

A instanceof B用来判断A是否属于B的实例，返回true或者false。

需要注意的是：

ES5中可以用Array.isArray([])来准确判断数组的实例

当创建变量b时，js会在b的原型上添加constructor属性，指向b的引用

js在创建内置对象时，也是这么做的：

Object对象有tostring方法返回：

而非object对象，则需要call/apply才能正确返回类型，返回格式为字符串类型的 "[object 数据类型xxx]" ：

以上几种方式可以在不同场景使用。

❸ 如何判断js中的数据类型

可以使用typeof来检测数据类型：
“undefined”-->这个变量是未定义的(为初始化的变量和未声明的变量的typeof操作都返回undefined)
”boolean“-->这个值是布尔值
”string“ -->这个值是字符串
”number“-->这个值是数字
”object“-->这个值为null或者obejct
”function“-->这个值是函数

方法为：
if(typeof(XX) == "undefined"){
alert("这是个未定义的变量");
}
依次列出这些类型即可以做的判断了，希望对你有帮助，望采纳！

❹ js数据类型

js中有六种数据类型，包括五种基本数据类型（Number，String，Boolean，Undefined，Null），和一种复杂数据类型（Object）。

1、Number类型

Number类型包含整数和浮点数（浮点数数值必须包含一个小数点，且小数点后面至少有一位数字）两种值。

2、String类型

在JS中字符串需要使用引号引起来。使用双引号或单引号都行，但是不要混着用。引号不能嵌套，双引号不能放双引号，单引号不能放单引号。

3、Boolean类型

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

4、Undefined类型

只有一个值，即undefined值。使用var声明了变量，但未给变量初始化值，那么这个变量的值就是undefined。

5、Null类型

null类型被看做空对象指针，null类型也是空的对象引用。

6、Object类型

js中对象是一组属性与方法的集合。这里就要说到引用类型了，引用类型是一种数据结构，用于将数据和功能组织在一起。引用类型有时候也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法。

❺ js判断数据类型方法汇总

在前端开发中我们经用到的操作有很多，比如判断数据类型、去重、深拷贝等等，最近也在整理常用的知识点，便于积累和后期查看，这里呢我对js中数据类型判断方法以及判断结果进行了汇总。

一、汇总表格

二、4种方式说明

1、typeof

对于原始类型：除了null其它都可以显示正确

对于对象的话：除了function  其它均显示为 “object”

2、 instanceof ： 内部机制是通过原型链来判断的  方法是  a instanceof b  (a是不是b的实例)

针对于对象：可以很明显的区分Array、Date、regExp，但是他们都是Object的实例。所以，instanceof 最好是用来判断两个对象是否属于实例关系， 而不是判断一个对象实例具体属于哪种类型。

3、constructor a.constructor===Function / Symbol / String / Number / Boolean / Object / RegExp / Date

对于原始类型：无法处理null、undefined（这两个会报错） 

对于对象：均可以判断

函数的 constructor 是不稳定的，这个主要体现在自定义对象上，当开发者重写 prototype 后，原有的 constructor 引用会丢失，constructor 会默认为 Object

4、 toString

toString() 是 Object 的原型方法，调用该方法，默认返回当前对象的 [[Class]] 。这是一个内部属性，其格式为 [object Xxx] ，其中 Xxx 就是对象的类型。

对于 Object 对象，直接调用 toString()  就能返回 [object Object] 。而对于其他对象，则需要通过 call / apply 来调用才能返回正确的类型信息。

可以判断所有类型： Object.prototype.toString.call(xxx)  对向的话可以直接使用 Object.toString(obj)

三、整理一个可以判断任意数据类型的方法

注意：在es6中用class定义类的时候，通过typeof判断出的结果是Function，而通过Object.toString判断的结果是Object。js中class应该是Function类型，所以这点需要注意。

function getType(para) {  //判断任意数据类型

    const type = typeof para;

    if (type === "number" && isNaN(para)) return "NaN";

    if (type !== "object") return type;

    return Object.prototype.toString

        .call(para)

        .replace(/[\[\]]/g, "")

        .split(" ")[1]

        .toLowerCase();

}

四、小结

js中数据类型判断的方式有4种：typeof、instance、constructor、toString，typeof简单方便，比较适合原始类型判断，toString繁琐一点但是判断全面，所以这两个的结合判断我是比较推荐的。

❻ js如何判断变量的数据类型

检测简单抄的数据类型的方法

• typeof方法用于检测简单的数据类型如typeof 12

• instanceof的实例方法检测如[] instanceof Array // true

• arr.constructor == Array判断arr的构造函数是否为数组，如果是则arr是数组

• Array.isArray([])判断是否是数组

• 精确判断数据类型Object.prototype.toString.call(arr)

❼ JS数据类型（七种基础，三种引用）

在JS的学习与工作中，搞清楚相关数据类型是基础中的基础，平均一百家公司面试前端工程师的时候九十九家都会问，请你简单举例一下JS的数据类型，于是菜狗我就将对此进行一些自己粗浅的总结为自己留作笔记同时为各位想要学习的同学提供小小的帮助。
首先，我们要明白，在JS中，数据类型分为一下两种：

基础数据类型分为七种
①Number 数字型 （包含所有的整数，浮点数，负数等）
②String 字符串型 （包含任意文本）
③boolean 布尔型 （仅有两种类型，ture与false）
④Undefined 未定义 （仅有一种，undefined）
⑤Null 空/不存在 （仅有一种，null）
⑥Symbol （实现唯一标识）
对此进行简单的举例

⑦BigInt(任意精度整数)（将与ES10中出现）

对此数据类型存在进行简单解释
BigInt 通过数字加n的方法来表示，支持二进制，八进制，十六进制
以下写法结果均为转换为字符串后得而结果，BigInt类型转换字符串后不会再带着n
Ⅰ.通常写法

Ⅱ .十六进制

Ⅲ.八进制（注意区分数字0与字母o）

Ⅳ. 二进制

引用数据类型共有三种
①Array类型 （数组型）
②Object类型 （对象型）
③Function类型 （函数/方法）
以上就是十种JS中的数据类型，如有错误，欢迎指正。
如果本文能帮到你，那么菜狗很开心，大家一起 加油！

❽ 如何判断js中的数据类型

最常见的判断方法：typeof
alert(typeof a) ------------> string
alert(typeof b) ------------> number
alert(typeof c) ------------> object
alert(typeof d) ------------> object
alert(typeof e) ------------> function
alert(typeof f) ------------> function
其中typeof返回的类型都是字符串形式，需注意，例如：
alert(typeof a == "string") -------------> true
alert(typeof a == String) ---------------> false
另外typeof 可以判断function的类型；在判断除Object类型的对象时比较方便。

判断已知对象类型的方法： instanceof
alert(c instanceof Array) ---------------> true
alert(d instanceof Date)
alert(f instanceof Function) ------------> true
alert(f instanceof function) ------------> false
注意：instanceof 后面一定要是对象类型，并且大小写不能错，该方法适合一些条件选择或分支。

根据对象的constructor判断： constructor
alert(c.constructor === Array) ----------> true
alert(d.constructor === Date) -----------> true
alert(e.constructor === Function) -------> true
注意： constructor 在类继承时会出错
eg,
function A(){};
function B(){};
A.prototype = new B(); //A继承自B
var aObj = new A();
alert(aobj.constructor === B) -----------> true;
alert(aobj.constructor === A) -----------> false;
而instanceof方法不会出现该问题，对象直接继承和间接继承的都会报true：
alert(aobj instanceof B) ----------------> true;
alert(aobj instanceof B) ----------------> true;
言归正传，解决construtor的问题通常是让对象的constructor手动指向自己：
aobj.constructor = A; //将自己的类赋值给对象的constructor属性
alert(aobj.constructor === A) -----------> true;
alert(aobj.constructor === B) -----------> false; //基类不会报true了;

通用但很繁琐的方法： prototype
alert(Object.prototype.toString.call(a) === ‘[object String]’) -------> true;
alert(Object.prototype.toString.call(b) === ‘[object Number]’) -------> true;
alert(Object.prototype.toString.call(c) === ‘[object Array]’) -------> true;
alert(Object.prototype.toString.call(d) === ‘[object Date]’) -------> true;
alert(Object.prototype.toString.call(e) === ‘[object Function]’) -------> true;
alert(Object.prototype.toString.call(f) === ‘[object Function]’) -------> true;