博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS判断一个数据的数据类型
阅读量:2156 次
发布时间:2019-05-01

本文共 1964 字,大约阅读时间需要 6 分钟。

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

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

优点:        简单          对基本数据类型和函数测试非常准确    缺点:        对引用数据类型测试时,结果都是object
//基本数据类型和函数测试    console.log(typeof 110); // number    console.log(typeof "hello"); // string    console.log(typeof true); // boolean    function fn(){
} console.log(typeof fn); // function var a; console.log(typeof a); // und //引用数据类型 console.log(typeof [1,2,3]); // object console.log(typeof {
name:"wc"}); // object let d = new Date(); console.log(typeof d); // object console.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

在这里插入图片描述

转载地址:http://ryowb.baihongyu.com/

你可能感兴趣的文章
google app api相关(商用)
查看>>
linux放音乐cd
查看>>
GridView+存储过程实现'真分页'
查看>>
flask_migrate
查看>>
解决activemq多消费者并发处理
查看>>
UDP连接和TCP连接的异同
查看>>
hibernate 时间段查询
查看>>
java操作cookie 实现两周内自动登录
查看>>
Tomcat 7优化前及优化后的性能对比
查看>>
Java Guava中的函数式编程讲解
查看>>
Eclipse Memory Analyzer 使用技巧
查看>>
tomcat连接超时
查看>>
谈谈编程思想
查看>>
iOS MapKit导航及地理转码辅助类
查看>>
检测iOS的网络可用性并打开网络设置
查看>>
简单封装FMDB操作sqlite的模板
查看>>
iOS开发中Instruments的用法
查看>>
iOS常用宏定义
查看>>
什么是ActiveRecord
查看>>
有道词典for mac在Mac OS X 10.9不能取词
查看>>