首页 > 其他分享 >js判断数据类型

js判断数据类型

时间:2022-11-01 13:11:38浏览次数:52  
标签:instanceof 判断 console log Object 数据类型 js toString var

ES5中,js中数据类型:number、string、boolean、undefined、null、object

js中获取数据类型常用的四种方式

实例:

var a = 123,
    b = true,
    c = "123",
    d = undefined,
    e = null;
var o = new Object();
var f = new Function();
var f1 = function(){};
function f2(){}
var arr = [];
var arr1 = new Array();
var reg = new RegExp();  

1. typeof

 可以判断 js 中基本数据类型,但无法判断对象的具体类型 

console.log("a:"+typeof(a));
console.log("b:"+typeof(b));
console.log("c:"+typeof(c));
console.log("d:"+typeof(d));
console.log("e:"+typeof(e));
console.log("o:"+typeof(o));
console.log("f:"+typeof(f));
console.log("f1:"+typeof(f1));
console.log("f2:"+typeof(f2));
console.log("arr:"+typeof(arr));
console.log("arr1:"+typeof(arr1));
console.log("reg:"+typeof(reg));  

注意:当使用基本包装类型创建字符串,数组或布尔值时,使用typeof返回的是Object

    判断基本类型

function ccTypeof(cc){
  return cc === null ? "null" : typrof(cc);
 }  

2. Object.prototype.toString.call(1)

可以判断具体的对象类型,包括正则等,但是无法判断自定义对象类型。

console.log("a:"+ Object.prototype.toString.call(a));
console.log("b:"+ Object.prototype.toString.call(b));
console.log("c:"+ Object.prototype.toString.call(c));
console.log("d:"+ Object.prototype.toString.call(d));
console.log("e:"+ Object.prototype.toString.call(e));
console.log("o:"+ Object.prototype.toString.call(o));
console.log("f:"+ Object.prototype.toString.call(f));
console.log("f1:"+ Object.prototype.toString.call(f1));
console.log("f2:"+ Object.prototype.toString.call(f2));
console.log("arr:"+ Object.prototype.toString.call(arr));
console.log("arr1:"+ Object.prototype.toString.call(arr1));
console.log("reg:"+ Object.prototype.toString.call(reg)); 

function A(){
 this.a = 1;
}
var x = new A();
console.log(Object.prototype.toString.call(x)); 

3. instanceof

用法:变量 nstaceof 对象,返回值为boolean。

仅能判断对象的具体类型,但可以拥于判断自定义对象类型。

var a = 123,
    b = true,
    c = "123";
    //d = undefined,
    //e = null;
var o = new Object();
var f = new Function();
var f1 = function(){};
function f2(){}
var arr = [];
var arr1 = new Array();
var reg = new RegExp();

console.log(a instanceof Number);
console.log(b instanceof Boolean);
console.log(c instanceof String);
//console.log("d:"+d instanceof Undefined);
//console.log("e:"+e instanceof Null);
console.log(o instanceof Object);
console.log(f instanceof Function);
console.log(f1 instanceof Function);
console.log(f2 instanceof Function);
console.log(arr instanceof Array);
console.log(arr1 instanceof Array);
console.log(reg instanceof RegExp);  

 

function A(){
 this.a = 1;
}
function B(){
 this.b = 2;
}
var x = new A();
if(x instanceof A){
  console.log("x is A");   
}
if(x instanceof B){
  console.log("x is B");   
}else{
  console.log("x is not B");  
}

4. constructor

查看对象对应的构造函数

object的每个实例都具有属性constructor,保存着用于创建当前对象的函数。

function A(){
 this.a = 1;
}

var x = new A();
console.log(x.constructor);

function A(){
 this.a = 1;
}
function B(){
 this.b = 2;
}
var x = new A();
if(x.constructor == A){
  console.log("x is A");   
}
if(x.constructor == B){
  console.log("x is B");   
}else{
  console.log("x is not B");  
}

但是Undefined和Null类型不能判断

 

打印所有类型

function ccTypeof(cc){
  var typeName == Object.prototype.toString.call(cc);
  if( typeName == "[object Object]"){
      typeName = "[object" + cc.constructor.name + "]";
   }
}

注意:判断数组还可以用数组的isArray()方法,语法:Array.isArray(arr),返回值为Boolean值。

标签:instanceof,判断,console,log,Object,数据类型,js,toString,var
From: https://www.cnblogs.com/sexintercourse/p/16847326.html

相关文章

  • Jsch远程执行shell脚本命令
    分享知识传递快乐JSch是JavaSecureChannel的缩写。JSch是一个SSH2的纯Java实现。它允许你连接到一个SSH服务器,并且可以使用端口转发,X11转发,文件传输等,当然你也可以集成......
  • AJAX基础+Axios快速入门+JSON使用+综合案例
    目录1、AJAX1.1概述1.1.1作用1.1.2同步和异步1.2快速入门1.2.1服务端实现1.2.2客户端实现1.3案例1.3.1需求1.3.2分析1.3.2后端实现1.3.3前端实现2、Axios异步......
  • velocity模板判断null和空字符串方法
    在web开发中,经常会遇到一个需求是,判断变量为空(null)或者空字符串(""),从而影响页面的展示逻辑,velocity中有相应的方法可以判断。当然也可以在java后端转化到有效值再判断。......
  • proto 数据类型和不同语言对应转换
    .protoC++JavaPythonGoRubyC#doubledoubledoublefloatfloat64Floatdoublefloatfloatfloatfloatfloat32Floatfloatint32int32intintint32Fixn......
  • Unity反序列天气API的JSON
    心知天气:https://www.seniverse.com/JSON:{"results":[{"location":{"id":"C23NB62W20TF","name":"西雅图","country":......
  • js、jquery获取不到input输入值
    http://www.mizuiren.com/blog/349.html这篇文章中是说赋值不行,取值可以的原因和处理方法,我遇到的情况不一样,但还是想分享一下这个问题花了将近一天时间怎么回事???最后原因......
  • JavaWeb学习(四)期中考试总结(方框形式超链接,对修改页面进行优化,多条件模糊查询、输入长
    一、方框形式超链接 <inputtype="button"value="注册"onclick="location.href='zhuce.jsp'"/>  二、对修改页面进行优化<tr><td>活动主题(不超过20个汉......
  • 判断网站能否请求成功
    1[root@VM-16-13-centoslearn]#shfun02.shwww.baidu.com2www.baidu.comurl[OK]345[root@VM-16-13-ce......
  • Hive系列之解析JSON数据
    概述在数据处理中,经常遇到的一个数据类型就是JSON,MySQL数据库解析JSON,参考​​MySQL5.7JSON函数学习​​,​MySQLjson_mergewithgroupby​​。在大数据执行引擎Hive中,......
  • PhantomJS入门使用
    概述​​官网​​​,​​GitHub​​​,​​下载地址​​​简介:一个基于webkit的JSAPI。它使用QtWebKit作为它核心浏览器的功能,使用webkit来编译解释执行JS代码。任何你可以......