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 相关文章推荐
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
Apr 02 Javascript
JS小游戏之象棋暗棋源码详解
Sep 25 Javascript
Jquery树插件zTree用法入门教程
Feb 17 Javascript
Javascript类型转换的规则实例解析
Feb 23 Javascript
使用Bootstrap typeahead插件实现搜索框自动补全的方法
Jul 07 Javascript
JQueryEasyUI之DataGrid数据显示
Nov 23 Javascript
jQuery特殊符号转义的实现
Nov 30 Javascript
微信小程序实现实时圆形进度条的方法示例
Feb 24 Javascript
Vue.js实现文章评论和回复评论功能
May 30 Javascript
vue 使用vue-i18n做全局中英文切换的方法
Oct 29 Javascript
js脚本中执行java后台代码方法解析
Oct 11 Javascript
解决$store.getters调用不执行的问题
Nov 08 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加密函数 Javascript/Js 解密函数
2013/09/23 PHP
php程序员应具有的7种能力小结
2014/11/27 PHP
PHP加密解密函数详解
2015/10/28 PHP
PHP7 其他语言层面的修改
2021/03/09 PHP
js自动下载文件到本地的实现代码
2013/04/28 Javascript
javascript控制Div层透明属性由浅变深由深变浅逐渐显示
2013/11/12 Javascript
JS的参数传递示例介绍
2014/02/08 Javascript
jquery实现预览提交的表单代码分享
2014/05/21 Javascript
使用jquery.upload.js实现异步上传示例代码
2014/07/29 Javascript
js构造函数、索引数组和属性的实现方式和使用
2014/11/16 Javascript
浅谈JavaScript中小数和大整数的精度丢失
2016/05/31 Javascript
AngularJS基础 ng-hide 指令用法及示例代码
2016/08/01 Javascript
Vue.js系列之vue-router(上)(3)
2017/01/03 Javascript
React Native之ListView实现九宫格效果的示例
2017/08/02 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
2019/12/19 Javascript
Vue中父子组件的值传递与方法传递
2020/09/28 Javascript
[49:27]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第一场
2018/04/05 DOTA
Python正则表达式分组概念与用法详解
2017/06/24 Python
python获取多线程及子线程的返回值
2017/11/15 Python
python实现聚类算法原理
2018/02/12 Python
python获取指定字符串中重复模式最高的字符串方法
2018/06/29 Python
python查看模块,对象的函数方法
2018/10/16 Python
Python3.6.2调用ffmpeg的方法
2019/01/10 Python
在numpy矩阵中令小于0的元素改为0的实例
2019/01/26 Python
python程序控制NAO机器人行走
2019/04/29 Python
redis数据库及与python交互用法简单示例
2019/11/01 Python
使用Python webdriver图书馆抢座自动预约的正确方法
2021/03/04 Python
日本食品网上商店:JaponShop.com
2017/11/28 全球购物
整个世界的设计师家具在哈恩:Designathome
2019/03/25 全球购物
SIMON MILLER官网:洛杉矶的生活方式品牌
2020/10/19 全球购物
XML文档定义有几种形式?它们之间有何本质区别?解析XML文档有哪几种方式?
2016/01/12 面试题
物业管理求职自荐信
2013/09/25 职场文书
经济贸易专业自荐信
2014/06/11 职场文书
525心理活动总结
2014/07/04 职场文书
影视后期实训报告
2014/11/05 职场文书
关于python类SortedList详解
2021/09/04 Python