素材巴巴 > 程序开发 >

JS判断一个数据的数据类型

程序开发 2023-09-23 18:59:44

如何判断一个数据的数据类型?

1 使用typeof判断一个数据的数据类型

    优点:简单  对基本数据类型和函数测试非常准确缺点:对引用数据类型测试时,结果都是object
 
    //基本数据类型和函数测试console.log(typeof 110); // numberconsole.log(typeof "hello"); // stringconsole.log(typeof true); // booleanfunction fn(){}console.log(typeof fn); // functionvar a;console.log(typeof a);  // und//引用数据类型console.log(typeof [1,2,3]);  // objectconsole.log(typeof {name:"wc"});  // objectlet d = new Date();console.log(typeof d);  // objectconsole.log(typeof null);  // object
 

2 使用toString判断数据类型

  在Object的原型对象上,有一个属性,叫toString。
  在JS内置的构造器中,它们的原型对象上,都有一个叫toString的属性。这里与toString方法(把一个 Number 对象转换为一个字符串)不一样。

    // 让其它的数据类型调用Object的原型对象上的toString方法//基本数据类型和函数测试console.log(Object.prototype.toString.call(110)); // [object Number]console.log(Object.prototype.toString.call("hello")); // [object String]console.log(Object.prototype.toString.call(true)); // [object Boolean]function fn(){}console.log(Object.prototype.toString.call(fn)); // [object Function]var a;console.log(Object.prototype.toString.call(a));  // [object Undefined]//引用数据类型console.log(Object.prototype.toString.call([1,2,3]));  // [object Array]console.log(Object.prototype.toString.call({name:"wc"}));  // [object Object]let d = new Date();console.log(Object.prototype.toString.call(d));  // [object Date]console.log(Object.prototype.toString.call(null));  // [object Null]
 

  这种写法相当于:调用Object的原型对象上的toString方法。(call改变指向原型对象)
封装这个方法,并简化输出。

    function getType(data){let str = Object.prototype.toString.call(data).slice(8);//slice()方法返回一个新的数组,包含从 start 到 end (不包括该元素)的元素return str.substr(0,str.length-1).toLowerCase() //substr()方法可在字符串中抽取从 start 下标开始的指定数目的字符。//toLowerCase()方法用于把字符串转换为小写。}console.log(Object.prototype.toString.call("hello"));  // [object String]console.log(getType("hello"));  // string
 

在这里插入图片描述


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。