脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → javascript判断类型

javascript中如何判断类型汇总

 更新时间：2019年05月14日 09:55:47   作者：b0  
这篇文章主要给大家介绍了关于javascript中如何判断类型的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用javascript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧

前言

我们在写封装的插件或者函数时，常常用到JS的数据类型判断，典型的案例就是深度拷贝函数用到数据类型判断，这个知识点在面试的时候也是经常考到的一个问题。本文就来给大家总结了下javascript中判断类型的相关资料，下面话不多说了，来一起看看详细的介绍吧

String

一个字符串始终是一个字符串，所以这一块是很容易。除非使用new（new String）调用，否则typeof将返回“object”。所以也要包含那些可以使用的字符串instanceof。

// Returns if a value is a string
function isString (value) {
 return typeof value === 'string' || value instanceof String;
}

Number

From typeof more things than just an ordinary number will return "number" like NaN and Infinity. To know if a value really is a number the function isFinite is also required.

从类型更多的东西，而不仅仅是普通的数字将返回像NaN和无限的“数字”。要知道值是否真的是数字，函数isFinite也是必需的。

// Returns if a value is really a number
function isNumber (value) {
 return typeof value === 'number' && isFinite(value);
}

Array

在javascript 数组中不是像java和其他语言中那样的真正数组。它们实际上是对象，因此typeof将为它们返回“对象”。要知道某些东西是否真的是一个数组，它的构造函数可以与Array进行比较。

// Returns if a value is an array
function isArray (value) {
 return value && typeof value === 'object' && value.constructor === Array;
}

// ES5 actually has a method for this (ie9+)
Array.isArray(value);

Function

// Returns if a value is a function
function isFunction (value) {
 return typeof value === 'function';
}

Object

很多东西都是javascript中的对象。要知道值是否是可以具有属性并循环的对象，可以将其构造函数与Object进行比较。它不适用于从类创建的对象，因此可以使用instanceof运算符。

// Returns if a value is an object
function isObject (value) {
 return value && typeof value === 'object' && value.constructor === Object;
}

Null & undefined

大多数情况下，您不需要显式检查null和undefined，因为它们都是假值。然而，要做到这一点，下面的功能就可以了。

// Returns if a value is null
function isNull (value) {
 return value === null;
}

// Returns if a value is undefined
function isUndefined (value) {
 return typeof value === 'undefined';
}

Boolean

对于布尔值， typeof就足够了，因为它返回true和false的“boolean”。

// Returns if a value is a boolean
function isBoolean (value) {
 return typeof value === 'boolean';
}

RegExp

RegExp是对象，因此唯一需要检查的是构造函数是否为RegExp。

// Returns if a value is a regexp
function isRegExp (value) {
 return value && typeof value === 'object' && value.constructor === RegExp;
}

Error

javascript中的错误与许多其他编程语言中的“异常”相同。它们有几种不同的形式，例如Error，TypeError和RangeError。一个instanceof语句对他们来说已经足够了，但我们还要确保我们还检查错误所具有的“message”属性。

// Returns if value is an error object
function isError (value) {
 return value instanceof Error && typeof value.message !== 'undefined';
}

Date

日期实际上不是javascript中的数据类型。但要知道是否有某个Date对象，可以使用instanceof进行检查。

// Returns if value is a date object
function isDate (value) {
 return value instanceof Date;
}

Symbol

// Returns if a Symbol
function isSymbol (value) {
 return typeof value === 'symbol';
}

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对脚本之家的支持。

您可能感兴趣的文章:

相关文章

  • JavaScript实现动态网页飘落的雪花

    JavaScript实现动态网页飘落的雪花

    这篇文章主要为大家详细介绍了JavaScript实现动态网页飘落的雪花，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-06-06
  • javascript实现简易计算器功能

    javascript实现简易计算器功能

    这篇文章主要为大家详细介绍了javascript实现简易计算器功能，实现四则运算，小数点，回退，归0等功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-09-09
  • layui实现三级导航菜单

    layui实现三级导航菜单

    这篇文章主要为大家详细介绍了layui实现三级导航菜单，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-07-07
  • ECMA5数组的新增方法有哪些及forEach（）模仿实现

    ECMA5数组的新增方法有哪些及forEach（）模仿实现

    这篇文章主要介绍了ECMA5数组的新增方法有哪些及forEach（）模仿实现,需要的朋友可以参考下
    2015-11-11
  • 微信小程序开发常用功能点与使用方法总结

    微信小程序开发常用功能点与使用方法总结

    最近收集了一些小程序开发中常用到的知识点,记录一下,所以下面这篇文章主要给大家介绍了关于微信小程序开发常用功能点与使用方法的相关资料,需要的朋友可以参考下
    2021-10-10
  • 原生js实现移动小球（碰撞检测）

    原生js实现移动小球（碰撞检测）

    这篇文章主要介绍了原生js实现会动的小球，碰撞检测功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-12-12
  • JavaScript跨域方法汇总

    JavaScript跨域方法汇总

    这篇文章主要介绍了JavaScript跨域方法汇总,本文总结了12种JavaScript的跨域方法,需要的朋友可以参考下
    2014-10-10
  • JS验证输入的是否是数字及保留几位小数问题

    JS验证输入的是否是数字及保留几位小数问题

    这篇文章主要介绍了JS验证输入的是否是数字及保留几位小数问题，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧
    2018-05-05
  • TypeScript基本类型之typeof和keyof详解

    TypeScript基本类型之typeof和keyof详解

    typeof 在js中typeof是检查类型的,在ts中也有这个功能,下面这篇文章主要给大家介绍了关于TypeScript基本类型之typeof和keyof的相关资料,需要的朋友可以参考下
    2023-04-04
  • js脚本分页代码分享（7种样式）

    js脚本分页代码分享（7种样式）

    这篇文章主要介绍了7种JS脚本分页样式，推荐给大家，有需要的小伙伴可以参考下。
    2015-08-08

最新评论