首页 > 其他分享 >js replace 和 replaceAll

js replace 和 replaceAll

时间:2023-05-24 23:38:34浏览次数:46  
标签:alert replace replaceAll testStr js 方法 替换


js中的replace方法和自定义replaceAll方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>String字符串测试</title>
</head>
<body>
    
    <input type="submit" value="replace" onclick="replace()">
    <input type="submit" value="replaceAll" onclick="replaceAll()">
    
    <script type="text/javascript">
    
        var testStr = "F:\\Develop\\tomcat\\apache-tomcat-7.0.73\\conf\\server.xml";
        var value = "6#6#6#6#6#6#6";
    
        function replace() {
            alert("replace方法: " + testStr.replace("\\", "/"));
            alert("replace方法: " + value.replace("#", "--"));
        }
    
        function replaceAll() {
            // g,表示全部替换。
            var reg = new RegExp("#", "g");
            alert("replaceAll方法的结果: " + testStr.replace(/\\/g, "/"));
            alert("replaceAll方法的结果: " + value.replace(reg, "--"));
        }
    
    </script>
</body>
</html>

弹出的测试结果分别为:

replace方法的结果为:只替换了第一个/号和第一个#号

js replace 和 replaceAll_字符串

js replace 和 replaceAll_replaceAll_02

replaceAll方法的结果为:用正则表达式,可以将所有匹配的结果全部替换

js replace 和 replaceAll_字符串_03

js replace 和 replaceAll_replaceAll_04

总结:

replace()方法只能替换目标字符串的第一个匹配的字符串,如果想要将目标字符串全部替换的话,JavaScript没有replaceAll方法,因此要用正则表达式打到replaceAll的效果,如上所示。

标签:alert,replace,replaceAll,testStr,js,方法,替换
From: https://blog.51cto.com/u_16128050/6343380

相关文章

  • 请求和响应——原生的JS实现方式
    请求和响应--原生的JS实现方式有时候我们不得不用原生方式去请求,而这又不常用,所以记录一下,方便下次直接使用。XMLHttpRequest用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。//1.创建核心对象varxmlhttp;if(window.XMLHttpRe......
  • 【Node】node.js安装与配置(详细步骤)
    node.js安装与配置(详细步骤)一、安装Node.js1.1下载1.2安装1.3环境变量二、验证是否安装成功三、修改模块下载位置3.1查看npm默认存放位置3.2在nodejs安装目录下,创建“node_global”和“node_cache”两个文件夹3.3修改默认文件夹3.4测试默认位置是否更改成功四、设置......
  • springboot long js 长整形
    项目中,数据库用bigint类型存储主键,java实体类中用long类型来存储对应的属性。这个时候前台通过ajax请求获取json数据时,使用了jackson来转换。但是javascript中number类型存储的长度小于long,精度为17位,超过17位的部分就会自动补0,而long类型数据是19或者20位,所以会出现丢失精度的问......
  • jS 输入框限制
    <input  onkeypress ="return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46"    onpaste ="return !clipboardData.getData('text').match(/\D/)"    ondragenter ="return false"    style=&quo......
  • python:Error: EPERM: operation not permitted, mkdir 'F:\Program Files\nodejs\n
     可以发现文件没有权限npmERR!Error:EPERM:operationnotpermitted,mkdir'F:\ProgramFiles\nodejs\node_global\node_modules'将nodejs的文件权限改为完全控制之后操作即可 ......
  • js 中数组转树 递归方法
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><metaname="viewport"content="w......
  • js前端fetch参数
    constresponse=fetch(url,{method:"GET",//请求方式headers:{//定制http请求的标头"Content-Type":"text/plain;charset=UTF-8"},body:undefined,//post请求的数据体,因为此时为get请求,故为undefinedreferrer:"about:client",referrerPolicy:......
  • 用jquery或js获取select标签中选中的option值及文本
    本文目录一、示例二、获取option的文本三、获取option中value的值四、代码展示一、示例<selectid="selectedTest"οnchange="doSomething();"><optionvalue="abc">北京</option><optionvalue="edf">上海</option><opt......
  • ZJSU五月多校合训
    强度焦虑制造者具体而言,zszz3在每个游戏版本中都会推出一名新角色,或加强一名旧角色。玩家必须将这名新角色或被加强的旧角色编入队伍,否则就会落后于版本。而编队数量是有限的,这意味着玩家可能不得不踢出一名编队中现有的角色。而若被加强的角色恰好在玩家的编队中,则可以开心......
  • 【踩坑记录】autojs使用while(1)导致broadcast无法正常执行
    autojs中的死循环操作最好使用setInterval而不是,while(1)。 while(1)会导致其他语句无法执行,这里面包括了信号相关的,比如今天踩得坑: 用events.broadcast.emit发出信号后,相应的on语句无法正常执行,后来才发现原来是为了一个用while(1)来执行死循环导致整个线程全部死在了这里,......