使用js编写一个函数判断所有数据类型的通用方法

这篇具有很好参考价值的文章主要介绍了使用js编写一个函数判断所有数据类型的通用方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、判断数据类型的方法

1、typeof

在 JavaScript 里使用 typeof 来判断数据类型,只能区分基本类型,即 “number”,”string”,”undefined”,”boolean”,”object” 五种。
对于数组、对象来说,其关系错综复杂,使用 typeof 都会统一返回 “object” 字符串。

typeof {} //object

typeof [] //object

要想区别对象、数组单纯使用 typeof 是不行的。或者你会想到 instanceof 方法。

2、instanceof

instanceof是javaScript中的一种运算符,用于判断某个对象是否属于某个类(或其父类)的实例,

console.log({} instanceof Object) //true

console.log([] instanceof Object) //true

console.log(function () {} instanceof Object) //true

上面代码发现都是 Object 的实例

所以要判断复合数据类型,要如下判断:

//对象
({} instanceof Object) && !({} instanceof Function) && !({} instanceof Function)

//数组
([] instanceof Object) && ([] instanceof Array)

//函数
(function () {} instanceof Object) && (function () {} instanceof Function)

虽然 instanceof 运算符在某些情况下可以很方便地判断对象所属的类,但是在实际开发中需要注意其局限性,并结合其他方法和技巧来进行类型判断。

3、Object.prototype.toString.call()

更简便的方式,即是使用 Object.prototype.toString.call() 来确定类型。

由于 JavaScript 中一切都是对象,任何都不例外,对所有值类型应用 Object.prototype.toString.call() 方法

对于 Object.prototype.toString() 方法,会返回一个形如 “[object XXX]” 的字符串。

如果对象的 toString() 方法未被重写,就会返回如上面形式的字符串。

toString()为Object的原型方法,而Array,function等类型作为Object的实例,都重写了toString方法。不同的对象类型调用toString方法时,根据原型链的知识,调用的是对应的重写之后的toString方法。

Call是一个允许您更改另一个函数上下文的函数。

对于 Object.prototype.toString.call(arg),若参数为 null 或 undefined,直接返回结果。

若参数不为 null 或 undefined,则将参数转为对象,再作判断。

4、编写一个函数判断所有数据类型
//编写一个函数判断所有数据类型
function _typeof(item) {
    let res = Object.prototype.toString.call(item);
    res = res.split(" ")[1];
    res = res.substr(0, res.length - 1);
    return res;
}

效果如下:

console.log(_typeof(123));//Number

console.log(_typeof("abc"));//String

console.log(_typeof(true));//Boolean

console.log(_typeof(null));//Null

console.log(_typeof(undefined));//Undefined

var fun = function () {}
console.log(_typeof(fun));//Function

var arr = [1, 2, 3]
console.log(_typeof(arr));//Array

var obj = {
    name: 'jack',
    age: 20
}
console.log(_typeof(obj));//Object

二、写一个判断两个数组是否相等的方法

1、将两个数组转成字符串比较, 但是发现他们只是顺序不相等也被当做不相等
[1, 2, 3].toString() == [3, 2, 1].toString();
//  -- --false
2、我们可以先把数组排序按照从小到大的顺序sort() 函数
[1, 2, 3].sort().toString() == [3, 2, 1].sort().toString();
//  -- --true

这样的就是 “1,2,3” == "1,2,3"结果是相等的文章来源地址https://www.toymoban.com/news/detail-835200.html

3、如果数组里的元素是标量, 非object类型, 可以使用 == 比较数组里的元素:
scalarArrayEquals(array1, array2) {
    return array1.length == array2.length && array1.every(function (v, i) {
        return v === array2[i]
    });
}

到了这里,关于使用js编写一个函数判断所有数据类型的通用方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • js实现一个函数,判断一个数是否是完全平方数

    方法一: 方法二: 该函数接受一个参数 num ,并通过二分查找的方法判断该数是否是完全平方数。如果是完全平方数,则返回 true ,否则返回 false 。

    2024年03月12日
    浏览(52)
  • 编写函数,判断一个字符串是否是回文。在主函数中输入一个字符串,调用自定义函数,输出结果。 所谓回文是指顺读和倒读都一样的字符串。如“AMNMA“是回文。

    编写函数,判断一个字符串是否是回文。在主函数中输入一个字符串,调用自定义函数,输出结果。 所谓回文是指顺读和倒读都一样的字符串。如\\\"AMNMA\\\"是回文。 测试输入:abcba 测试输出:是回文! 这道题要求编写一个函数来判断一个字符串是否是回文,并在主函数中调用该

    2024年02月03日
    浏览(68)
  • rust 初识基础: 变量、数据类型、函数、所有权、枚举

    了解到 rust 和 WebAssembly 的结合使用,可以构建前端应用,而且性能也比较好。初步学习使用 rust 是预编译静态类型语言。 官网下载 rust-CN , 大致了解下为什么选择:高性能、可靠性、生产力。 打开控制台啊,执行安装 (mac 系统,windwos 或其他系统查看官网) 安装成功时,会打

    2024年02月07日
    浏览(57)
  • js常用判断数据类型方法以及优缺点 以及 instanceof 原理实现

    使用typeof操作符可以 判断一个值的数据类型 。它返回一个表示数据类型的字符串。 优点:typeof 操作符是一种简单、快速的方式来 判断基本数据类型 。它返回的结果是一个字符串,可以直接用于条件判断。 缺点: 对于引用类型(除了函数)的判断结果都是\\\'object\\\' ,无法细

    2024年02月12日
    浏览(45)
  • lua变量、数据类型、if判断条件和数据结构table以及【lua 函数】

    Lua 变量有三种类型: 全局变量 和 局部变量 和 表中的域 。 ▪ 全局变量:默认情况下,Lua中所有的变量都是全局变量。 ▪ 局部变量:使用 local 显式声明在函数内的变量,以及函数的参数,都是局部变量。在函数外即使用 local 去声明,它的作用域也是当前的整个文件,这相

    2023年04月19日
    浏览(70)
  • JS类型判断的那些方法

    目前类型判断有三种方法:typeof  、instanceof  、Object.prototype.toString.call typeof:只能判断基础类型和函数类型 instanceof:只能判断引用类型 Object.prototype.toString.call:可以判断各种类型,就是结果比较不友好 根据上面的各种方法,进行封装 1.基本类型和函数类型就直接用typeof直

    2024年02月11日
    浏览(39)
  • JS判断数组类型的方法详解

    判断 JavaScript 变量是否为数组类型可以使用以下方法: 使用 Array.isArray() 方法:这是一种确定变量是否为数组的最简单、最可靠的方法。该方法返回一个布尔值,如果变量是数组,则返回 true;否则返回 false。 使用 instanceof 运算符:该运算符用于判断一个变量是否为某个类型

    2024年02月16日
    浏览(32)
  • 日常开发小汇总(3)js类型判断

    1.typeof 能判断出字符串、数字、方法和undefined,array、null、object判断不出 instanceof 如 a instanceof b, 判断a的原型链上是否有b的原型 Object.getPrototypeOf() 返回参数的隐式原型 ,感觉有些鸡肋 Object.getPrototypeOf ([]) === Array.prototype //true Object.prototype.toString.call() 这里解释一下为什么Ob

    2024年02月09日
    浏览(41)
  • mysql数据库存数组类型数据,如何判断数组中是否包含某个值?使用mybatisplus查询。

    跟mybatisplus中.in()方法相反的函数 mybatisplus的in函数:查询的是数据库的某个属性的值是否在给定的集合中。这里我们讲的是一个值是否在数据库的某个属性数组中。 说明: 这是一张学生信息表,其中包含了学生曾经就读过的学校。现在我们要做的就是查询哪些学生就读过指

    2024年02月16日
    浏览(99)
  • 编译原理——编写LEX文件:一个能识别所有运算式中包含的符号

    目录 题目 1.首先需要有一个flex.exe文件  2.在这个文件中写.l文件 3.win+r打开cmd命令 (1)进入flex.exe文件所在文件夹 (2)使用dir命令查看目录中的文件  4.生成lex.yy.c文件  5.生成lex.yy.exe文件  (1)点击文件—打开项目或文件 (2)选中lex.yy.c (3)然后编译运行 (4)生成.e

    2023年04月10日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包