2025年3月26日 星期三 甲辰(龙)年 月廿五 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

JavaScript 中 正则替换 replace

时间:01-14来源:作者:点击数:33

本文初步介绍 replace 在 js 中,我们常常会遇到 用来 解决开发中常会遇到的 问题的 知识总结, 如果你已经 非常熟悉,又可以绕道了。

定义和用法

  • replace() 方法用于在字符串中常用的一些字符串替换。 在我们的日常开发中常常会遇到字符串替换的相关问题。 那么 学会 replace 用法,在日常的开发中可以节约很多的时间。

语法

  • stringObject.replace(regexp,replacement)
  • stringObject: 字符串对象
  • regexp:正则表达式
  • replacement: 你需要替换成的内容,这里可以是 字符串,也可以是函数。

返回值

  • 一个新的字符串,对应需要替换的内容已被替换掉。

具体实践

  • Tips: 上文中介绍的 replacement 【对应需要替换的替换项】
  • 其中包含了一部分具体的 正则符号的内容,在开始实践之前,先介绍其中的 正则符号的意义。
  • 1. $1$2、...、$99  与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。
  • 2. $& 与 regexp 相匹配的子串。
  • 3. $` 位于匹配子串左侧的文本。
  • 4. $' 位于匹配子串右侧的文本。
  • 5. % 直接量符号。
  • 好了,下面,开始我们的具体实践。

题目:

有字符串 var = 'abc345efgabcab',

  1. 去掉字符串中的 a、b、c 字符。
  2. 将字符串中的数字 都加上 '[]'
  3. 将字符串中的 数字的值 都 乘以 2
  4. 去掉字符串中 数字之前的所有内容
  5. 去掉字符串中 数字之后的所有内容
  6. 将字符串中的 'abc' 都替换成 gg

好,题目就是这些了。我们开始吧

  1. 题目一 :去掉字符串中的 a、b、c 字符。
  • var str = 'abc345efgabcab';
  • str.replace(/[a-c]/g, '');
  • 输出结果:
  • // "345efg"
  1. 题目二 :将字符串中的数字 都加上 '[]'
  • var str = 'abc345efgabcab';
  • str.replace(/[\d]/g, function(num) { return '[' + num + ']' });
  • 输出结果:
  • // "abc[3][4][5]efgabcab"
  1. 题目三 :将字符串中的 数字的值 都 乘以 2
  • var str = 'abc345efgabcab';
  • str.replace(/[\d]/g, function(num) { return '[' + num + ']' });
  • 输出结果:
  • // "abc[3][4][5]efgabcab"
  1. 题目四 :去掉字符串中 首个数字之前的所有内容
  • var str = 'abc345efgabcab';
  • var numer = str.match(/[\d]/g)[0];
  • var numerIndex = str.indexOf(numer);
  • var res = str.substring(numerIndex,str.length);
  • 输出结果:
  • // "345efgabcab"
  1. 题目五 :去掉字符串中 数字之后的所有内容
  • var str = 'abc345efgabcab';
  • var numers = str.match(/[\d]/g);
  • var numer = numers[numers.length - 1];
  • var numerIndex = str.indexOf(numer);
  • var res = str.substring(0, numerIndex + 1);
  • 输出结果:
  • // "abc345"
  1. 题目六 : 将字符串中的 'abc' 都替换成 gg
  • var str = 'abc345efgabcab';
  • str.replace(/abc/g, 'gg');
  • 输出结果:
  • // "gg345efgggab"

以上就是 几天基本的入门级别的 replace 以及其周边,我们常常会在工作中遇到的问题。 

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门