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下查找父节点的简单方法
Aug 13 Javascript
jQuery 性能优化指南(3)
May 21 Javascript
Javascript remove 自定义数组删除方法
Oct 20 Javascript
为你的网站增加亮点的9款jQuery插件推荐
May 03 Javascript
AngulaJS路由 ui-router 传参实例
Apr 28 Javascript
vue2.0结合Element实现select动态控制input禁用实例
May 12 Javascript
jQuery Ajax 实现分页 kkpager插件实例代码
Aug 10 jQuery
vue结合Echarts实现点击高亮效果的示例
Mar 17 Javascript
使用webpack搭建react开发环境的方法
May 15 Javascript
JavaScript继承定义与用法实践分析
May 28 Javascript
浅谈发布订阅模式与观察者模式
Apr 09 Javascript
vue.js的状态管理vuex中store的使用详解
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
虫族 ZERG 概述
2020/03/14 星际争霸
dedecms 制作模板中使用的全局标记图文教程
2007/03/11 PHP
php执行多个存储过程的方法【基于thinkPHP】
2016/11/08 PHP
Laravel框架实现model层的增删改查(CURD)操作示例
2018/05/12 PHP
laravel 出现command not found问题的解决方案
2019/10/23 PHP
JS对URL字符串进行编码/解码分析
2008/10/25 Javascript
javascript 二维数组的实现与应用
2010/03/16 Javascript
js去除重复字符串两种实现方法
2013/01/09 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
2015/03/19 Javascript
javascript动态添加删除tabs标签的方法
2015/07/06 Javascript
JQuery中Ajax()的data参数类型实例分析
2015/12/15 Javascript
你所未知的3种Node.js代码优化方式
2016/02/25 Javascript
bootstrap学习笔记之初识bootstrap
2016/06/21 Javascript
详解angular2实现ng2-router 路由和嵌套路由
2017/03/24 Javascript
原生JS实现圆环拖拽效果
2017/04/07 Javascript
详解Vue-cli 创建的项目如何跨域请求
2017/05/18 Javascript
老生常谈JS中的继承及实现代码
2018/07/06 Javascript
Vue初始化中的选项合并之initInternalComponent详解
2020/06/11 Javascript
Python 随机生成中文验证码的实例代码
2013/03/20 Python
Python中的jquery PyQuery库使用小结
2014/05/13 Python
利用python如何处理nc数据详解
2018/05/23 Python
编写多线程Python服务器 最适合基础
2018/09/14 Python
Django 实现购物车功能的示例代码
2018/10/08 Python
Django如何实现上传图片功能
2019/08/16 Python
详解Django admin高级用法
2019/11/06 Python
python正则表达式匹配IP代码实例
2019/12/28 Python
Python网络爬虫信息提取mooc代码实例
2020/03/06 Python
Python3之外部文件调用Django程序操作model等文件实现方式
2020/04/07 Python
使用placeholder属性设置input文本框的提示信息
2020/02/19 HTML / CSS
Corelle官方网站:购买康宁餐具
2016/11/02 全球购物
PUMA澳大利亚官方网站:德国运动品牌
2018/10/19 全球购物
三维科技面试题
2013/07/27 面试题
兴趣小组活动总结
2014/05/05 职场文书
幼儿园课题实施方案
2014/05/14 职场文书
法学自荐信
2014/06/20 职场文书
【海涛dota解说】一房久违的影魔魂守二连发
2022/04/01 DOTA