JS数据类型检测方法汇总

最新推荐文章于 2022-05-16 07:03:16 发布

强哥blog

最新推荐文章于 2022-05-16 07:03:16 发布

阅读量280

点赞数

分类专栏： JavaScript 文章标签：数据类型 js类型判断 instanceof constructo toString-c

本文链接：https://blog.csdn.net/qq_36263601/article/details/74740314

版权

JavaScript 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

</body>
</html>
<script>



    var num = 1
    var str = '心暖未晴'
    var bool=false;
    var arr=[];
    var obj={name:'心暖未晴'};
    var date = new Date();
    var fn = function(){}

    /******************************************************************************
     数据类型判断 - typeof
     *******************************************************************************/
    console.log('数据类型判断 - typeof')
    console.log(typeof undefined)//'undefined'
    console.log(typeof null) // well-known bug
    console.log(typeof true) //'boolean'
    console.log(typeof 123)  //'number'
    console.log(typeof "abc")  //'string'
    console.log(typeof function() {}) //'function'
    var arr=[];
    console.log(typeof {}) //'object'
    console.log(typeof arr)//'object'
    console.log(typeof unknownVariable) //'undefined'
    //    在使用 typeof 运算符时采用引用类型存储值会出现一个问题，
    //    无论引用的是什么类型的对象，它都返回 "object"。






    /******************************************************************************
     数据类型判断 - toString.call
     通用但很繁琐的方法： prototype
     *******************************************************************************/
    console.log('数据类型判断 - toString.call')
    console.log(toString.call(123))          //[object Number]
    console.log(toString.call('123'))        //[object String]
    console.log(toString.call(undefined))    //[object Undefined]
    console.log(toString.call(true))         //[object Boolean]
    console.log(toString.call({}))           //[object Object]
    console.log(toString.call([]))           //[object Array]
    console.log(toString.call(function(){})) //[object Function]


    console.log(Object.prototype.toString.call(str) === '[object String]')   //-------> true;
    console.log(Object.prototype.toString.call(num) === '[object Number]')   //-------> true;
    console.log(Object.prototype.toString.call(arr) === '[object Array]')    //-------> true;
    console.log(Object.prototype.toString.call(date) === '[object Date]')     //-------> true;
    console.log(Object.prototype.toString.call(fn) === '[object Function]') //-------> true;






    /******************************************************************************
     数据类型判断 - instanceof
     *******************************************************************************/
        //    判断已知对象类型的方法： instanceof
    console.log('数据类型判断 - instanceof')

    console.log(arr instanceof Array)     //---------------> true
    console.log(date instanceof Date)     //---------------> true
    console.log(fn instanceof Function)   //------------> true
    //    alert(f instanceof function)        //------------> false
    //    注意：instanceof 后面一定要是对象类型，并且大小写不能错，该方法适合一些条件选择或分支。







    /******************************************************************************
     数据类型判断 - 根据对象的constructor判断： constructor
     *******************************************************************************/
    //    根据对象的constructor判断： constructor
    var arr=[];
    console.log('数据类型判断 - constructor')
    console.log(arr.constructor === Array)   //----------> true
    console.log(date.constructor === Date)   //-----------> true
    console.log(fn.constructor === Function) //-------> true


</script>