JS replace使用方法

#推荐
JS replace使用方法

2026-03-17 2
[!--dianshu--] C币
VIP折扣
    折扣详情
  • 体验VIP会员

    免费

  • 月卡VIP会员

    免费

  • 年卡VIP会员

    免费

  • 永久VIP会员

    免费

查看演示
下载不了?请联系网站客服提交链接错误!
TAG标签: 安装指导

#推荐
JS replace使用方法

2026-03-17 php教程 9999 2
郑重承诺丨总裁主题提供安全交易、信息保真!
TAG标签:
安装指导
[!--dianshu--] C币
VIP权限详情
    会员权限详情
  • 体验VIP会员

    免费

  • 月卡VIP会员

    免费

  • 年卡VIP会员

    免费

  • 永久VIP会员

    免费

开通VIP尊享优惠特权
立即下载 等待添加 升级会员 最新活动
微信扫码咨询 微信扫码咨询

联系电话:18888888888

进入TA的商铺 联系官方客服
详情介绍

欢迎!我白天是个邮递员,晚上就是个有抱负的演员。这是我的网站。我住在天朝的帝都,有条叫做Jack的狗。

replace简介

用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

该方法返回一个新的字符串,但不改变原字符串

签名:replace([RegExp|String],[String|Function])

RegExp: 正则表达式

使用方法replace(String, String)

let str = "叼毛1号: 亚索, 叼毛2号: 永恩"str = str.replace('叼毛', '靓仔')console.log(str) // "靓仔1号: 亚索, 叼毛2号: 永恩"

此方法的缺陷是,一次调用只能替换第一个匹配到的字符串;全部替换需要多次调用

一劳永逸的方法是第一个入参使用RegExp正则表达式,并全局匹配

replace(RegExp, String)

let str = "叼毛1号: 亚索, 叼毛2号: 永恩"// 匹配“叼毛”,并添加修饰符g去全局匹配const reg = /叼毛/gstr = str.replace(reg, '靓仔')console.log(str) // "靓仔1号: 亚索, 靓仔2号: 永恩"

如此,两兄弟都成为靓仔啦

replace(RegExp, Function)

2.2可实现的功能比较简单,若需要做复杂一些的字符串替换操作,需要使用正则+function

实现2.2的写法

let str = "叼毛1号: 亚索, 叼毛2号: 永恩"const reg = /叼毛/gstr = str.replace(reg, function() {  console.log('arguments:', arguments)  return '靓仔'})console.log('str:', str)

如上所示,func内return的内容会替换reg匹配到的内容。

不写return,默认使用undefined来进行替换

不想实现替换的话,我们可以把捕获的内容再返回回去 return arguments[0]

RegExp使用分组时

一个分组:

let str = "叼毛1号: 亚索, 叼毛2号: 永恩"// 添加分组(\d号)const reg = /叼毛(\d号)/gstr = str.replace(reg, function() {  console.log('arguments:', arguments)  return '靓仔' + arguments[1]})console.log('str:', str)

参数:

arguments[0]:匹配到的第一个子字符串

arguments[1]: 匹配到的第一个分组项

arguments[2]:此次匹配到的字符的索引位置

arguments[3]:源字符串本身

两个分组:

let str = "叼毛1号: 亚索, 叼毛2号: 永恩"// 添加分组(\d号) (:)const reg = /叼毛(\d号)(:)/gstr = str.replace(reg, function() {  console.log('arguments:', arguments)  return '靓仔' + arguments[1] + arguments[2]})console.log('str:', str)

参数:

arguments[0]:匹配到的第一个子字符串

arguments[1]: 匹配到的第一个分组项

arguments[2]: 匹配到的第二个分组项

arguments[3]:此次匹配到的字符的索引位置

arguments[4]:源字符串本身

结论:replace方法的两个入参为RegExp和function时,function的参数为:

第一个参数总是匹配的子字符串

若RegExp正则表达式有分组匹配,有几个分组,按顺序接下来的参数即为匹配的分组项

倒数第二个参数是此次匹配到的字符的索引位置

下载地址
  • 提取密码
  • 1561
  • 解压密码
  • DWQwdewq
    立即免费下载
    JS replace使用方法
收藏 (15) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 ()

所有文章为演示数据,不提供下载地址,版权归原作者所有,仅提供演示效果!

CMS主题网 php教程 JS replace使用方法 /showinfo-48-421-0.html

我们只做高端Wordpress主题开发!

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用
查看详情

相关文章

帝国CMS二次开发 函数文件      PRinterror()/e/class/connect.phpline 132query()/e/class/db_sql.php line 10fetch1()/e/class/db_sql.php line 30fetch()/e/class/db_sql.php line 22checklevel()/e/class/functions.php line 3414insert_dolog()/e/class/functions.php line 3...
#推荐
2026-03-17 14 C币
帝国CMS8.0父子信息调用方      帝国CMS8.0版新增父子信息功能,让一条信息也能成为一个信息、一个栏目、一个专题、甚至一个网站。本文共有四个部分:一、父子信息功能使用流程。二、调用子信息:可以用索引灵动标签调用。三、父子信息列表访问地址的语法说明。四、进阶:调用当前父子信息...
#推荐
2026-03-17 4 C币
帝国CMS判断当前数据库是      有时候我们需要判断数据库是否包含某字段,就可以使用下面这段SQL语法,$fr=$empire->fetch1("SELECT COUNT(*) AS column_exists FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_NAME = '$infotb' AND COLUMN_NAME = 'money'");if($fr[&...
#推荐
2026-03-17 4 C币
Python开发一个ChatGPT GU      1、首先去下载这个ChatGPT库,用到的库是这个:https://github.com/acheong08/ChatGPT2、安装这个ChatGPT库:pip3 install revChatGPT==0.0.a423、同目录还需要一个“config.json”:{    "session_token": "",    "cf_clearance": "",    "user_agent": "
#推荐
2026-03-17 4 C币
Playwright闲鱼智能监控机      项目介绍Playwright闲鱼智能监控机器人项目,基于 Playwright 和AI过滤分析的闲鱼多任务实时监控与智能分析工具,配备了功能完善的 Web 管理界面。可以实时按规则抓取闲鱼商品,垃圾佬的最爱。闲鱼智能监控机器人:https://github.com/dingyufei615/ai-goof...
#推荐
2026-03-17 3 C币
使用CSS Grid Generator拖      如果你是CSS小白,不会使用复杂的UI框架,又需要开发一个响应式网站,那么我的站长站推荐你使用CSS Grid Generator,直接拖拽网格,就可以立即生成响应式CSS代码,复制到自己项目即可使用。使用方法1、首先根据你的项目需求,生成指定的列数和网格数量2、然后拖到...
#推荐
2026-03-17 3 C币
过年给网站加一对灯笼CSS      马上快过年了,给网站加一对红灯笼,这样才有过年的喜庆劲儿。灯笼是代码生成的无需图片,而且还会摆动。使用方法把HTML下面代码粘贴到网页BODY内任意位子都可以。灯笼的位子可以微调.deng-box的left和right数值。CSS代码<!-- 灯笼代码 --><div class="de...
#推荐
2026-03-17 3 C币
ajax上传文件进度条功能示      ajax上传文件时,有时比较耗时,需要在界面上显示下进度信息,获取ajaxSettings中的xhr对象,为它的upload属性绑定progress事件的处理函数前端代码<!DOCTYPE html><html><head><meta charset="utf8"><title>test upload</title><!--jquery--><script src="h...
#推荐
2026-03-17 3 C币