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 xml为数据源的下拉框控件
Jul 07 Javascript
JQuery下的Live方法和$.browser方法使用代码
Jun 02 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
Oct 18 Javascript
jquery、js操作checkbox全选反选
Mar 12 Javascript
JQuery动画animate的stop方法使用详解
May 09 Javascript
jquery控制select的text/value值为选中状态
Jun 03 Javascript
jQuery实现文本框输入同步的方法
Jun 20 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
Oct 09 Javascript
jquery仿QQ登录账号选择下拉框效果
Mar 22 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
Jun 08 Javascript
node.js之基础加密算法模块crypto详解
Sep 11 Javascript
JS如何操作DOM基于表格动态展示数据
Oct 15 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
基于PHP编程注意事项的小结
2013/04/27 PHP
PHP中的魔术方法总结和使用实例
2015/05/11 PHP
PHP图像处理类库MagickWand用法实例分析
2015/05/21 PHP
PHP5.2中PDO的简单使用方法
2016/03/25 PHP
php上传excel表格并获取数据
2017/04/27 PHP
Jquery下的26个实用小技巧(jQuery tips, tricks & solutions)
2010/03/01 Javascript
几个比较实用的JavaScript 测试及效验工具
2010/04/18 Javascript
javascript 另一种图片滚动切换效果思路
2012/04/20 Javascript
JavaScript初学者应注意的七个细节详细介绍
2012/12/27 Javascript
document.write的几点使用心得
2014/05/14 Javascript
浅谈jQuery事件绑定原理
2015/01/02 Javascript
jQuery中的pushStack实现原理和应用实例
2015/02/03 Javascript
JavaScript日期类型的一些用法介绍
2015/03/02 Javascript
30分钟快速掌握Bootstrap框架
2016/05/24 Javascript
JS实现新建文件夹功能
2017/06/17 Javascript
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
2017/09/02 Javascript
初探JavaScript 面向对象(推荐)
2017/09/03 Javascript
vue页面离开后执行函数的实例
2018/03/13 Javascript
VUE-cli3使用 svg-sprite-loader
2018/10/20 Javascript
JS实现的贪吃蛇游戏案例详解
2019/05/01 Javascript
[05:48]DOTA2英雄梦之声vol21 屠夫
2014/06/20 DOTA
Python实现SMTP发送邮件详细教程
2021/03/02 Python
Python 数据结构之堆栈实例代码
2017/01/22 Python
Pytorch中.new()的作用详解
2020/02/18 Python
python GUI库图形界面开发之PyQt5动态(可拖动控件大小)布局控件QSplitter详细使用方法与实例
2020/03/06 Python
Python函数的迭代器与生成器的示例代码
2020/06/18 Python
纯CSS3实现运行时钟的示例代码
2021/01/25 HTML / CSS
大都会艺术博物馆商店:The Met Store
2018/06/22 全球购物
DogBuddy荷兰:找到你最完美的狗保姆
2019/04/17 全球购物
印度在线购物网站:Paytmmall
2019/07/24 全球购物
医院党员公开承诺书
2014/08/30 职场文书
服务明星事迹材料
2014/12/29 职场文书
最美乡村教师观后感
2015/06/11 职场文书
2016暑期社会实践新闻稿
2015/11/25 职场文书
外出培训学习心得体会
2016/01/18 职场文书
Nginx访问日志及错误日志参数说明
2021/03/31 Servers