返回顶部
首页 > 资讯 > 前端开发 > JavaScript >前端常用的js函数方法
  • 707
分享到

前端常用的js函数方法

2024-04-02 19:04:59 707人浏览 安东尼
摘要

目录1.邮箱2.手机号码3.电话号码4.是否url地址5.是否字符串6.是否数字7.是否boolean8.是否函数9.是否为null10.是否undefined11.是否对象12.是

1.邮箱


export const isEmail = (e) => {
return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(e)
}


2.手机号码


export const isMobile = (e) => {
return /^1[0-9]{10}$/.test(e)
}


3.电话号码


export const isPhone = (e) =>{
return /^([0-9]{3,4}-)?[0-9]{7,8}$/.test(e)
}


4.是否url地址


export const isURL = (e) => {
return /^Http[s]?:\/\/.*/.test(e)
}


5.是否字符串


export const isNumber = (e) =>{
return Object.prototype.toString.call(e).slice(8,-1) === 'String'
}


6.是否数字


export const isNumber = (e) =>{
return Object.prototype.toString.call(e).slice(8,-1) ==='Number'
}


7.是否boolean


export const isBoolean = (e) =>{
return Object.prototype.toString.call(e).slice(8,-1) ==='Boolean'
}


8.是否函数


export const isFunction = (e) =>{
return Object.prototype.toString.call(e).slice(8,-1) === 'Function'
}


9.是否为null


export const isNull = (e) =>{
return Object.prototype.toString.call(e).slice(8,-1)==='Null'
}


10.是否undefined


export const isUndefined = (e) =>{
return Object.prototype.toString.call(e).slice(8,-1)==='Undefined'
} 


11.是否对象


export const isObject = (e) =>{
return Object.prototype.toString.call(e).slice(8,-1) === 'Object'
}


12.是否数组


export const isArray = (e) =>{
return Object.prototype.toString.call(e).slice(8,-1)==='Array'
} 


13.是否时间


export const isDate = (e) =>{
return Object.prototype.toString.call(e).slice(8,-1)==='Date'
} 


14.是否正则


export const isRegExp = (e) =>{
return Object.prototype.toString.call(e).slice(8,-1)==='RegExp'
}


15.是否错误对象


export const isError = (e) =>{
return Object.prototype.toString.call(e).slice(8,-1)==='Error'
}


16.是否Symbol函数


export const isSymbol = (e) =>{
return Object.prototype.toString.call(e).slice(8,-1)==='Symbol'
}


17.是否Promise对象


export const isPromise = (e) =>{
return Object.prototype.toString.call(e).slice(8,-1)==='Promise'
}


18.是否Set对象


export const isSet = (e) =>{
return Object.prototype.toString.call(e).slice(8,-1) ==='Set'
}
export const us = navigator.userAgent.toLowerCase();


19.是否是微信浏览器


export const isWeiXin = () =>{
return ua.match(/microMessenger/i) == 'micromessenger'
}


20.是否是移动端


export const isDeviceMobile =()=>{
return /Android|WEBos|iphone|ipod|balckberry/i.test(ua)
}

到此这篇关于常用的js函数方法的文章就介绍到这了,更多相关常用的js函数内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: 前端常用的js函数方法

本文链接: https://lsjlt.com/news/161215.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 前端常用的js函数方法
    目录1.邮箱2.手机号码3.电话号码4.是否url地址5.是否字符串6.是否数字7.是否boolean8.是否函数9.是否为null10.是否undefined11.是否对象12.是...
    99+
    2024-04-02
  • Vue Element前端应用开发之常规的JS处理函数
    目录1、常规集合的filter、map、reduce处理方法2、递归处理3、forEach遍历集合处理4、Object.assign赋值方法5、slice() 方法1、常规集合的fi...
    99+
    2024-04-02
  • 常用的前端JavaScript方法封装
    目录1、输入一个值,返回其数据类型**2、数组去重3、字符串去重4、深拷贝 浅拷贝5、reverse底层原理和扩展6、圣杯模式的继承7、找出字符串中第一次只出现一次的字母8、找元素的...
    99+
    2024-04-02
  • JS前端中WebSocket的使用方法举例
    先来一个常用例子 // WebSocket构造函数,创建WebSocket对象 let ws = new WebSocket('ws://localhost:8888') // 连...
    99+
    2023-03-02
    websocket 使用 websocket教程 websocket能做什么
  • JS前端常见的竞态问题解决方法详解
    目录什么是竞态问题取消过期请求XMLHttpRequest 取消请求fetch API 取消请求axios 取消请求可取消的 promise忽略过期请求封装指令式 promise使用...
    99+
    2022-11-13
    JS前端竞态 前端竞态解决
  • 前端JS获取URL参数的方法有哪些
    今天小编给大家分享一下前端JS获取URL参数的方法有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。方法1: 字符串 sp...
    99+
    2023-06-29
  • 前端JS获取URL参数的4种方法总结
    目录前言方法1: 字符串 split 方法方法2: 利用 URLSearchParams 方法方法3: 利用正则匹配方法方法4: 使用第三方库 qs总结:前言 对于前端来说,无论是在...
    99+
    2024-04-02
  • 前端开发的常用工具函数有哪些
    这篇文章主要讲解了“前端开发的常用工具函数有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“前端开发的常用工具函数有哪些”吧!1、时间格式化等方法推荐使用 moment.js 的库文件2、...
    99+
    2023-06-08
  • web前端中js reduce方法的使用是怎样的
    web前端中js reduce方法的使用是怎样的,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。web前端教程分享js reduce方法使用教程,reduce() 方法接收一个函...
    99+
    2023-06-04
  • js前端图片加载异常兜底方案
    目录背景<img>加载错误解决方案内联事件全局img添加事件利用error事件捕获替换src方式的最优解CSS处理的最优解<img>加载超时解决方案嗅探切换D...
    99+
    2024-04-02
  • js函数中参数的使用方法
    本篇内容主要讲解“js函数中参数的使用方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“js函数中参数的使用方法”吧!说明函数内的某些值不能固定,我们可以通过参数在调用函数时传递不同的值。多个参...
    99+
    2023-06-20
  • js中diff函数的使用方法
    这篇文章主要介绍js中diff函数的使用方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!1、diff函数可以帮我们获取到两个Moment对象的时间差,默认的单位是毫秒。var a = ...
    99+
    2023-06-15
  • js中isBefore函数的使用方法
    这篇文章给大家分享的是有关js中isBefore函数的使用方法的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1、isBefore判断一个moment对象是否在某个时间点之前。moment('2010-10...
    99+
    2023-06-15
  • 前端JS沙箱的实现方法有哪些
    这篇文章主要介绍了前端JS沙箱的实现方法有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。前言在微前端领域当中,沙箱是很重要的一件事情。像微前端框架single-spa没有...
    99+
    2023-06-20
  • 常用的JS数组函数整理
    本篇内容主要讲解“常用的JS数组函数整理”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“常用的JS数组函数整理”吧!instanceof检测一个对象是否是数组;(...
    99+
    2024-04-02
  • JS前端的内存处理的方法是什么
    这篇文章主要介绍了JS前端的内存处理的方法是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇JS前端的内存处理的方法是什么文章都会有所收获,下面我们一起来看看吧。一、内存的储存和代码执行的场所关系对于任何语言...
    99+
    2023-07-06
  • JS前端千万级弹幕数据循环优化的方法
    这篇文章主要介绍“JS前端千万级弹幕数据循环优化的方法”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JS前端千万级弹幕数据循环优化的方法”文章能帮助大家解决问题。1、如何删除数组中的元素场景:有一个...
    99+
    2023-07-02
  • web前端中常用的封装方法是什么
    本篇内容介绍了“web前端中常用的封装方法是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! &nbs...
    99+
    2024-04-02
  • js数组的常用方法有哪些
    这篇文章主要介绍了js数组的常用方法有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇js数组的常用方法有哪些文章都会有所收获,下面我们一起来看看吧。 数组的常用方法有下面...
    99+
    2024-04-02
  • js的Map函数使用方法详解
    Map是ES2015引入的Global Object,Map对象中保存了键值对,且任何对象(包括原始值)都可以作为键或者值。 1. 构造函数 Map必须作为构造函数来使用, new ...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作