JS删除String里某个字符的方法


Posted in Javascript onJanuary 06, 2021

方法一 正则

关于JS删除String里的字符的方法,一般使用replace()方法。但是这个方法只会删除一次,如果需要将string里的所以字符都删除就要用到正则。

var str = "abcdaabbssaaa";
var reg = new RegExp("a","g");
var a = str.replace(reg,"");
console.log(a);

这里用 new RegExp()这个方法创建正则,第一个参数“a”指定了正则表达式的模式或其他正则表达式。后一个参数是一个可选的字符串,包含属性 "g"、"i" 和 "m",分别用于指定全局匹配、区分大小写的匹配和多行匹配。ECMAScript 标准化之前,不支持 m 属性。如果 pattern 是正则表达式,而不是字符串,则必须省略该参数。

如果打印reg的结果是: /a/g 。

方法二 分隔成数组

还有一种比较取巧的方法,就是分割成数组,再重新拼接成新的字符串。

var str = "abcdaabbssaaa";
var a = str.split("a").join("");
console.log(a);

我测试了一下这两种方式的性能,选取了一个长度为133的字符串,其中要删除的字符有28个,两种方法的用时如下表:

使用正则 分割成数组
11.674ms 6.569ms
8.683ms 6.727ms
5.802ms 12.309ms
4.492ms 8.456ms
3.921ms 6.481ms
3.766ms 4.275ms
6.472ms 2.985ms
14.631ms 15.029ms
6.985ms 8.523ms
9.835ms 7.063ms

使用正则删除字符的,最慢14.631ms,最快3.766ms,平均7.6261ms

使用第二种方法,最慢15.029ms,最快2.985ms,平均7.8417ms

对比发现,还是用正则快一点吧~~而且感觉高大上~~~

下面是补充

Js删除字符串中的指定字符串

案例一、

比如:原字符串

var StringFirst = "12:30:08";

现在要删掉冒号,变成123008

就可以先split

var splitFirst = StringFirst.split(':');

这时候分割的每个元素分别是12 30 08,就没有冒号了,然后把这个数组连起来

var ResultString = splitFirst.join('');

连接的字符串是空的,啥都没有,也不是空格。
这样结果 ResultString 就成了 123008

案例二、

比如,原字符串

str = 'btn_text,other_call,start_place,estimate_price,select_contacts,payment,remark'

可以先转换为数组,然后再从数组中移除

var arr = str.split(',');
arr.splice($.inArray('要移除的字符串',arr),1);

到此这篇关于JS删除String里某个字符的方法的文章就介绍到这了,更多相关JS删除String里某个字符的方法内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
对JavaScript的eval()中使用函数的进一步讨论
Jul 26 Javascript
JavaScript创建类/对象的几种方式概述及实例
May 06 Javascript
js防止页面被iframe调用的方法
Oct 30 Javascript
完美实现仿QQ空间评论回复特效
May 06 Javascript
浅谈js中字符和数组一些基本算法题
Aug 15 Javascript
Vuejs第六篇之Vuejs与form元素实例解析
Sep 05 Javascript
深入理解jQuery()方法的构建原理
Dec 05 Javascript
javascript中replace使用方法总结
Mar 01 Javascript
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
ES6 Promise对象的应用实例分析
Jun 27 Javascript
layui按条件隐藏表格列的实例
Sep 19 Javascript
vue项目中使用vue-layer弹框插件的方法
Mar 11 Javascript
简单了解Javscript中兄弟ifream的方法调用
Jun 17 #Javascript
vue中typescript装饰器的使用方法超实用教程
Jun 17 #Javascript
简单学习5种处理Vue.js异常的方法
Jun 17 #Javascript
js/jQuery实现全选效果
Jun 17 #jQuery
解决微信浏览器缓存站点入口文件(IIS部署Vue项目)
Jun 17 #Javascript
通过说明与示例了解js五种设计模式
Jun 17 #Javascript
简单了解vue.js数组的常用操作
Jun 17 #Javascript
You might like
利用中国天气预报接口实现简单天气预报
2014/01/20 PHP
php实现aes加密类分享
2014/02/16 PHP
10个超级有用的PHP代码片段果断收藏
2015/09/23 PHP
php判断用户是否关注微信公众号
2016/07/22 PHP
基于php判断客户端类型
2016/10/14 PHP
PHP获取对象属性的三种方法实例分析
2019/01/03 PHP
一段利用WSH修改和查看IP配置的代码
2008/05/11 Javascript
Javascript 面向对象 对象(Object)
2010/05/13 Javascript
jquery.validate分组验证代码
2011/03/17 Javascript
你未必知道的JavaScript和CSS交互的5种方法
2014/04/02 Javascript
用JavaScript获取页面文档内容的实现代码
2016/06/10 Javascript
jsonp跨域请求详解
2017/07/13 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
2017/10/09 Javascript
利用JS实现scroll自定义滚动效果详解
2017/10/17 Javascript
js input输入百分号保存数据库失败的解决方法
2018/05/26 Javascript
JS中验证整数和小数的正则表达式
2018/10/08 Javascript
Javascript通过控制类名更改样式
2019/05/24 Javascript
利用js-cookie实现前端设置缓存数据定时失效
2019/06/18 Javascript
微信小程序实现页面跳转传递参数(实体,对象)
2019/08/12 Javascript
Python内置函数的用法实例教程
2014/09/08 Python
python3+PyQt5重新实现自定义数据拖放处理
2018/04/19 Python
python实时监控cpu小工具
2018/06/21 Python
Django中更改默认数据库为mysql的方法示例
2018/12/05 Python
详解python函数的闭包问题(内部函数与外部函数详述)
2019/05/17 Python
termux中matplotlib无法显示中文问题的解决方法
2021/01/11 Python
css3实现3D色子翻转特效
2014/12/23 HTML / CSS
携程英文网站:Trip.com
2017/02/07 全球购物
Farfetch美国:奢侈品牌时尚购物平台
2019/05/02 全球购物
酒店员工职业生涯规划
2014/02/25 职场文书
纺织工程专业推荐信
2014/09/08 职场文书
挂职学习心得体会
2014/09/09 职场文书
六一儿童节标语
2014/10/08 职场文书
贪污检举信范文
2015/03/02 职场文书
2016年社区“我们的节日·中秋节”活动总结
2016/04/05 职场文书
vue实现可拖拽的dialog弹框
2021/05/13 Vue.js
python周期任务调度工具Schedule使用详解
2021/11/23 Python