js中检测数据类型的几种方式

1、typeof

一元运算符,用来检测数据类型。只可以检测number,string,boolean,object,function,undefined。

对于基本数据类型是没有问题的,但是遇到引用数据类型是不起作用的(无法细分对象)

  let str = ‘{}‘;
    let fn = function(){};
    let obj = {};
    let ary = [];
    let rg = /\d/;
    console.log(typeof str);//string
    console.log(typeof fn);//function
    console.log(typeof obj);//object
    console.log(typeof ary);//object
    console.log(typeof rg);//object

  

2、instanceof(二元运算符,需要两个操作数)

检测某个对象是不是另外一个对象的实例

instanceof只能用来判断对象和函数,不能用来判断字符串和数字

let arr = [1,2,3];
console.log(arr instanceof Array);//true  检测arr是不是内置类Array的实例

3、constructor

js中所有对象都继承于Object,constructor是其中的一个属性。默认指向实例的构造函数(可以修改)

function fns (){}
let f = new fns;
console.log(f.constructor === fns);//true
console.log(f.constructor.name);//fns构造函数名称
//constructor属性并非一定指向构造函数,他也可以修改、变更

4、Object.prototype.toString.call

JavaScript中,通过Object.prototype.toString方法,判断某个对象值属于哪种内置类型

let date = new Date;
console.log(Object.prototype.toString.call(date));//[object Date]
let re = ‘/\d+g/‘;
console.log(Object.prototype.toString.call(re));//[object String]
let sz = [2,3,4];
console.log(Object.prototype.toString.call(sz));//[object Array]
let hs = function(){};
console.log(Object.prototype.toString.call(hs));//[object Function]

原文地址:https://www.cnblogs.com/theblogs/p/9940345.html

时间: 2024-08-25 19:34:28

js中检测数据类型的几种方式的相关文章

JS中检测数据类型的几种方式及优缺点【转】

1.typeof 用来检测数据类型的运算符 typeof value 返回值首先是一个字符串,其次里面包含了对应的数据类型,例如:"number"."string"."boolean"."undefined"."object"."function" 局限性:1)typeof null ->"object"2)检测的不管是数组还是正则都返回的是"obje

JS中检测数据类型的几种方式及优缺点

1.typeof 用来检测数据类型的运算符 typeof value 返回值首先是一个字符串,其次里面包含了对应的数据类型,例如:"number"."string"."boolean"."undefined"."object"."function" 局限性:1)typeof null ->"object"2)检测的不管是数组还是正则都返回的是"obje

在javaScript中检测数据类型的几种方式

在用javaScript编程的过程中,我们经常会遇到这样一个问题,就是需要检测一个数据或变量的类型,那么在javaScript中给我们提供了哪些方法呢?网上流传的代码比比皆是,但是发现其中有些是有误的,索性我自己动手把每种方法用了一遍,今天我专门整理了下,以便以后查阅. 一.typeof  检测 typeof 是一个一元运算符,语法:typeof(运算数),运算数可以是任意类型.它的返回值是一个字符串,该字符串说明运算数的类型. 1 // var arr = { name:"john"

JavaScript学习12 JS中定义对象的几种方式【转】

avaScript学习12 JS中定义对象的几种方式 转自:  http://www.cnblogs.com/mengdd/p/3697255.html JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式 一.基于已有对象扩充其属性和方法 <script type="text/javascript

JavaScript学习12 JS中定义对象的几种方式

JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式 一.基于已有对象扩充其属性和方法 <script type="text/javascript"> var object = new Object(); object.name

js判断复合数据类型的两种方式(typeof不奏效了)

js判断复合数据类型的两种方式(typeof不奏效了) 博客分类: Web前端-JS语言核心 JavaScript 作者:zccst typeof认为所有的复合数据类型都是"object",没法进一步细分,所以还得用其他方法 先上结论: 1,(arr && typeof(arr) === "object" && arr.constructor === Array) 2,Object.prototype.toString.call(ar

JS中事件绑定的三种方式

以下是搜集的在JS中事件绑定的三种方式. 1. HTML onclick attribute <button type="button" id="upload" onclick="upload_file();"> 原文: http://www.w3school.com.cn/jsref/jsref_events.asp 2. jQuery .on() $(node).on("change", function(e)

判断js中的数据类型的几种方法

判断js中的数据类型有一下几种方法:typeof.instanceof. constructor. prototype. $.type()/jquery.type(),接下来主要比较一下这几种方法的异同. 先举几个例子: 1 var a = "iamstring."; 2 var b = 222; 3 var c= [1,2,3]; 4 var d = new Date(); 5 var e = function(){alert(111);}; 6 var f = function()

转:判断js中的数据类型的几种方法

判断js中的数据类型有一下几种方法:typeof.instanceof. constructor. prototype. $.type()/jquery.type(),接下来主要比较一下这几种方法的异同. 先举几个例子: var a = "iamstring."; var b = 222; var c= [1,2,3]; var d = new Date(); var e = function(){alert(111);}; var f = function(){this.name=&