js去除空格(js去除空格和换行)

前言在之前的一篇文章《如何打造属于自己的Javascript武器库,来封装这些经典的方法吧》

前言

在之前的一篇文章《如何打造属于自己的Javascript武器库,来封装这些经典的方法吧》中,有封装过一些简单的方法。

今天这篇文章我们继续看看关于字符串处理的常用方法,并将其封装,完善自己的Javascript武器库。

文中的代码我已经放到Github上了,有需要的同学可以自取。

https://github.com/zhouxiongking/article-pages/blob/master/articles/jsCapsulation/capsulation2.js

Javascript常用封装之字符串处理,完美提高你的工作效率

Javascript

去除空格的方法

该方法的主要目的是通过传递不同的参数,选择去除哪里的空格。

  • all – 代表所有空格

  • preBehind – 前后空格

  • previous – 前面空格

  • behind – 后面空格

主要思想是:通过正则表达式s匹配空白字符,然后用”去替换空白字符。

得到的代码如下所示。

Javascript常用封装之字符串处理,完美提高你的工作效率

去除空格方法

字母大小写切换

该方法的主要目的是:将字符串的首字母或者全部字母,进行大小写转换。根据传入的参数进行处理。

  • FirstUpper – 首字母大写

  • FirstLower – 首字母小写

  • AllToggle – 全部大小写相互转换

  • AllUpper – 全部大写

  • AllLower – 全部小写

主要思想是:根据传入的参数,配合使用字符串自身的toUpperCase和toLowerCase方法。

得到的代码如下所示。

Javascript常用封装之字符串处理,完美提高你的工作效率

字母大小写转换

其中的ToggleCase方法用于大小写相互转换,其如下所示。

Javascript常用封装之字符串处理,完美提高你的工作效率

大小写相互转换

检测字符串类型

该方法主要用于检测输入的字符串是否是我们想要的类型,例如email代表邮箱,phone代表手机号,number代表数字,chinese代表中文。

主要思想是:获得想要获取类型的正则表达式,然后返回匹配的结果。

得到的代码如下所示。

Javascript常用封装之字符串处理,完美提高你的工作效率

检测字符串类型

上述的检测方案完全可以按照需求进行扩充,直接通过case,就可以自行添加。

检测密码强度

该方法主要用于模仿检测设置密码的强度,检测规则如下:

  • 如果密码长度小于6,则强度为0。

  • 如果密码包含数字,则强度加1。

  • 如果密码包含小写字母,则强度加1。

  • 如果密码包含大写字母,则强度加1。

  • 如果包含特殊字符,则强度加1。

上述规则会累加统计,最高强度为4。

得到的代码如下所示。

Javascript常用封装之字符串处理,完美提高你的工作效率

检测密码强度

随机生成指定长度字符串

该方法主要用于随机生成指定长度的字符串,例如随机验证码我们完全可以通过这个方法去实现。

主要思想是:先通过Math.random()方法生成随机数,然后调用toString(36)方法转化为字符串,再截取掉前面的0和小数点,循环计算直到达到指定长度。

该方法的核心在于toString()方法的使用,Number类型的toString方法已经重写,传入的参数表示转化的进制数,传入的范围是2-36,最小的2表示0-1,最大的36数字0-9和小写字母a-z,如上面的toString(36),表示要用36进制数表示。

根据以上分析,得到的代码如下所示。

Javascript常用封装之字符串处理,完美提高你的工作效率

随机生成指定长度字符串

统计给定字符串中,目标字符串出现的次数

该方法通过字符串的split方法实现特别简单。通过split方法按照目标字符串分割成数组,目标字符串出现的次数就是数组的长度减去1。

根据以上分析,得到的代码如下所示。

Javascript常用封装之字符串处理,完美提高你的工作效率

统计指定字符串出现次数

格式化处理字符串

该方法主要用于将字符串通过传入的参数格式化处理,接收的参数如下所示。

  • size – 表示分割的位数,默认为3。

  • delimiter – 处理后字符串的连接符,默认为’,’

该方法的思想是通过正则表达式,动态获取每次需要捕获的位数,然后将其捕获的位置前后替换为连接符。

得到的代码如下。

Javascript常用封装之字符串处理,完美提高你的工作效率

格式化字符串处理

结束语

今天这篇文章主要补充了Javascript中与字符串有关的方法的封装,其他需要封装的方法还有很多,大家也可以自行总结。

原创文章,作者:发布专员,如若转载,请注明出处:https://ziliaobaba.com/11750.html

(0)
发布专员发布专员
上一篇 2022年1月3日 09:35
下一篇 2022年1月3日 09:44

相关推荐

  • word怎么做表格?Word表格制作教程入门

    以word 2016 为例 在使用Word的过程中,很多时候,需要用到表格,以便清晰的展示相关业务数据,归类数据等等。在此,我总结了几种方法下面一一为看官展示一下: 在“插入”选项…

    2022年12月16日
  • 怎么改电脑待机时间(更改台式电脑待机时间图文讲解)

    我们在不使用电脑后一段时间,电脑会自动关闭显示器以及进入休眠状态,也就是电脑关闭屏幕停止工作的状态,这样的休眠状态下下载等任务是不工作的,需要人为移动鼠标或者按一下键盘才能解除休眠…

    2022年11月16日
  • 炸花生米怎样可以炸脆?如何炸花生米脆而不糊

    油炸花生米,别看是一道简单下酒小菜,很多人却总是做的不“完美”,炸出来的花生米主要会碰到几个问题:花生炸糊了、炸生了、炸好以后不酥脆、放凉以后回软,大多数的问题还是出在烹饪的技巧上…

    2021年11月15日
  • 苹果id怎么永久注销?苹果id永久销号

    如何注销 Apple ID 帐户? 苹果前不久是上线了一个全新的 数据和隐私 的页面,用户可以下载与帐户相关的 iCloud、音乐、游戏中心等数据,当然最重要的是可以删除 Appl…

    2021年11月19日
  • 城乡居民养老保险灵活就业保险缴纳办法?居民灵活就业养老保险

    自税务部门征收城乡居民、灵活就业人员基本养老保险、医疗保险以来,税务机关会同社保、医保部门为广大城乡居民、灵活就业人员建立了多种社保费缴费渠道,提供更优体验、更快速度、更高效率的缴…

    投稿 2021年11月15日
  • 平行四边形是轴对称图形吗?平行四边形对称轴

    题目 想一想,我们已经学过的平面图形中有哪些是轴对称图形?哪些图形的对称轴只有一条?哪些不止一条? 解题思路: 长方形有2条对称轴,正方形有4条对称轴,平行四边形没有对称轴,等腰三…

    2022年11月27日
  • 安卓数据线有几种?安卓数据线长啥样

    现如今我们的智能设备越来越多,使用的接口也越来越复杂,你真的分得清楚这些接口的区别吗?今天这篇文章我们就来探讨一下目前主流智能接口都有哪些,他们之间的区别又是什么。 随着越来越多的…

    2021年11月14日
  • 445端口是什么服务

    ## 什么是445端口 445端口是一个TCP/UDP端口,用于远程文件共享服务(SMB)。它是一个应用层协议,用于在网络上共享文件、打印机和串行端口,并且可以在网络上进行通信。它…

    投稿 2023年3月22日
  • 个体户营业执照办理流程(网上申请个人营业执照)

    有很多朋友没时间到工商局办理执照,就问可不可以在网上申请,今天就给大家聊聊怎么在网上办理营业执照。   一、可以在网上申办个体营业执照吗? 可以在网上办理,1、只要网上申…

    2022年11月27日
  • 人名中间的点用电脑怎么打

    现在,电脑已经成为我们日常生活中不可缺少的一部分,它不仅可以帮助我们节省时间,还可以提高我们的工作效率。在电脑中,输入人名中间的点也是

    投稿 2023年3月7日