js replace替换字符串同时替换多个方法


Posted in Javascript onNovember 27, 2018

在实际开发中,经常会遇到替换字符串的情况,但是大多数情况都是用replace替换一种字符串,本文介绍了如何使用replace替换多种指定的字符串,同时支持可拓展增加字符串关键字。

let content = `<div id="article_content273475" class="article-content-wrap"> 
 <p><strong>宅是一种信仰。</strong><br></p>
 <p><br></p>
 <p>Wi-Fi + 床 = 低配宅。</p>
 <p><br></p>
 <p>Wi-Fi + 床 + 零食 + 网综= 进阶版肥宅。</p>
 <p><br></p>
 <p>Wi-Fi + 床 + 零食 + 网综 + 外卖 + 撸猫 = 人间天堂金不换宅。</p>
 <p><br></p>
 <p>移动互联网迅猛发展的当下,“人间天堂金不换”版宅可以说是当下一些“9000岁”<span class="text-remarks" label="备注">(即“90后”和“00后”)</span>年轻人的生活常态了。</p>

     </div>`;
       let article = content.replace(/(\<img|\<p|\<article|\<\/article|\<header|\<\/header)/gi, function ($0, $1) {
       return {
        "<img": '<img style="width:100%;height:auto;display:block;" ',
        "<p": '<p style="text-indent: 24px;" ',
        "<article":"<div",
        "</article": "</div",
        "<header": "<div",
        "</header": "</div"
       }[$1];
      });
      console.log(article)

replace里的g表示全局替换,而每个关键词前面的\则为转义字符,在针对html类的标签替换的时候,是必不可少的。

下面看下js同时替换多个字符串的方法

<script>
  var s="my javascript is very poor,who can help me?"
  var reg=/(\w*)my(.*)is(.*)can(.*)/g
  alert(s.replace(reg,"$1his$2was$3could$4"));
</script>

总结

以上所述是小编给大家介绍的js replace替换字符串同时替换多个方法 ,希望对大家有所帮助,如果大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
javascript 控制弹出窗口
Apr 10 Javascript
javascript  Error 对象 错误处理
May 18 Javascript
jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
Jan 04 Javascript
原生js结合html5制作小飞龙的简易跳球
Mar 30 Javascript
JavaScript操作Cookie方法实例分析
May 27 Javascript
jQuery Ajax传值到Servlet出现乱码问题的解决方法
Oct 09 Javascript
Vue父子模版传值及组件传值的三种方法
Nov 27 Javascript
微信小程序progress组件使用详解
Jan 31 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
Oct 08 Javascript
element-ui中Table表格省市区合并单元格的方法实现
Aug 07 Javascript
layui实现数据表格自定义数据项
Oct 26 Javascript
小程序如何写动态标签的实现方法
Feb 05 Javascript
Vue中用props给data赋初始值遇到的问题解决
Nov 27 #Javascript
使用electron制作满屏心特效的示例代码
Nov 27 #Javascript
30分钟快速实现小程序语音识别功能
Nov 27 #Javascript
基于Koa2写个脚手架模拟接口服务的方法
Nov 27 #Javascript
Vue实现移动端左右滑动效果的方法
Nov 27 #Javascript
vue2.0移动端滑动事件vue-touch的实例代码
Nov 27 #Javascript
详解vuex 渐进式教程实例代码
Nov 27 #Javascript
You might like
php运行出现Call to undefined function curl_init()的解决方法
2010/11/02 PHP
php中执行系统命令的方法
2015/03/21 PHP
PHP使用ODBC连接数据库的方法
2015/07/18 PHP
PHP网站自动化配置的实现方法(必看)
2017/05/27 PHP
tp5框架无刷新分页实现方法分析
2019/09/26 PHP
共享自己写一个框架DreamScript
2007/01/20 Javascript
js计算精度问题小结
2013/04/22 Javascript
浅析js中substring和substr的方法
2015/11/09 Javascript
seajs学习之模块的依赖加载及模块API的导出
2016/10/20 Javascript
jQuery图片切换动画特效
2016/11/02 Javascript
nodejs基于express实现文件上传的方法
2018/03/19 NodeJs
详解vue-cli3使用
2018/08/14 Javascript
vue项目打包部署到服务器的方法示例
2018/08/27 Javascript
node.js学习笔记之koa框架和简单爬虫练习
2018/12/13 Javascript
微信小程序实现日历效果
2018/12/28 Javascript
vue中更改数组中属性,在页面中不生效的解决方法
2019/10/30 Javascript
基于JQuery和DWR实现异步数据传递
2020/10/16 jQuery
[01:51]DAC趣味视频-如何成为职业选手.mp4
2017/04/02 DOTA
[00:52]DOTA2第二届亚洲邀请赛预选赛宣传片
2017/01/13 DOTA
python简单实现刷新智联简历
2016/03/30 Python
python并发2之使用asyncio处理并发
2017/12/21 Python
NumPy 如何生成多维数组的方法
2018/02/05 Python
python list删除元素时要注意的坑点分享
2018/04/18 Python
python修改FTP服务器上的文件名
2019/09/11 Python
Python 如何实现数据库表结构同步
2020/09/29 Python
推荐10个HTML5响应式框架
2016/02/25 HTML / CSS
沙特阿拉伯家用电器和电子产品购物网站:Sheta and Saif
2020/04/03 全球购物
平民服装店创业计划书
2014/01/17 职场文书
实验室标语
2014/06/21 职场文书
人力资源管理毕业求职信
2014/08/05 职场文书
2014班子成员自我剖析材料思想汇报
2014/10/01 职场文书
政风行风评议工作总结
2014/10/21 职场文书
医生见习报告范文
2014/11/03 职场文书
2015年司法局工作总结
2015/05/22 职场文书
2015年教务主任工作总结
2015/07/22 职场文书
MySQL系列之十三 MySQL的复制
2021/07/02 MySQL