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 相关文章推荐
js批量设置样式的三种方法不推荐使用with
Feb 25 Javascript
多种方式实现JS调用后台方法进行数据交互
Aug 20 Javascript
jQuery扩展+xml实现表单验证功能的方法
Dec 25 Javascript
Vue.js实现一个todo-list的上移下移删除功能
Jun 26 Javascript
Vue.js 2.5新特性介绍(推荐)
Oct 24 Javascript
javascript字体颜色控件的开发 JS实现字体控制
Nov 27 Javascript
js循环map 获取所有的key和value的实现代码(json)
May 09 Javascript
在angularJs中进行数据遍历的2种方法
Oct 08 Javascript
JS闭包经典实例详解
Dec 20 Javascript
JavaScript学习笔记之图片库案例分析
Jan 08 Javascript
利用JS代码自动删除稿件的普通弹幕功能
Sep 20 Javascript
微信小程序scroll-view点击项自动居中效果的实现
Mar 25 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
Discuz 5.0 中读取纯真IP数据库函数分析
2007/03/16 PHP
一步一步学习PHP(7) php 字符串相关应用
2010/03/05 PHP
PHP实现判断数组是一维、二维或几维的方法
2017/02/06 PHP
thinkphp5 migrate数据库迁移工具
2018/02/20 PHP
jquery.combobox中文api和例子,修复了上面的小bug
2011/03/28 Javascript
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
2011/04/16 Javascript
JavaScript 验证码的实例代码(附效果图)
2013/03/22 Javascript
jquery处理json数据实例分析
2014/06/03 Javascript
JavaScript的原型继承详解
2015/02/15 Javascript
基于jquery ui的alert,confirm方案(支持换肤)
2015/04/03 Javascript
浅谈JSON.stringify()和JOSN.parse()方法的不同
2016/08/29 Javascript
js实现华丽的九九乘法表效果
2017/03/29 Javascript
angular4 如何在全局设置路由跳转动画的方法
2017/08/30 Javascript
jQuery完成表单验证的实例代码(纯代码)
2017/09/30 jQuery
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
2017/10/16 Javascript
vue.js实现三级菜单效果
2019/10/19 Javascript
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红操作
2020/07/17 Javascript
JavaScript实现轮播图效果
2020/10/30 Javascript
python解析发往本机的数据包示例 (解析数据包)
2014/01/16 Python
Python中urllib+urllib2+cookielib模块编写爬虫实战
2016/01/20 Python
详解python之多进程和进程池(Processing库)
2017/06/09 Python
使用Python脚本从文件读取数据代码实例
2020/01/19 Python
django API 中接口的互相调用实例
2020/04/01 Python
Python+Django+MySQL实现基于Web版的增删改查的示例代码
2020/05/13 Python
keras自定义损失函数并且模型加载的写法介绍
2020/06/15 Python
新西兰珠宝品牌:Michael Hill
2017/09/16 全球购物
Beauty Expert美国/加拿大:购买奢侈美容产品
2018/12/05 全球购物
系统管理员的职责包括那些?管理的对象是什么?
2013/01/18 面试题
企业行政文员岗位职责
2013/12/03 职场文书
生产班组长岗位职责
2014/01/05 职场文书
新党章心得体会
2014/09/04 职场文书
高三毕业评语
2014/12/31 职场文书
黄埔军校观后感
2015/06/10 职场文书
CAD实训总结范文
2015/08/03 职场文书
新学期新寄语,献给新生们!
2019/11/15 职场文书
mysql 排序失效
2022/05/20 MySQL