Javascript string.replace 方法中函数参数的使用

最新推荐文章于 2024-04-26 16:47:03 发布

CuGBabyBeaR

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量2k

点赞数

分类专栏： JavaScript 前端文章标签： javascript 格式化字符串 replace 函数

本文链接：https://blog.csdn.net/cugbabybear/article/details/12030147

版权

前端同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

JavaScript

2 篇文章 0 订阅

订阅专栏

豁然发现 replace方法真心是个好东西

replace的语法是:

stringObject.replace(regexp/substr,replacement)

第一个参数是一个字符串或者正则表达式

第二个参数是要替换的字符也可以是函数

对于正则表达式配合$开头的待替换字符的各种奇技淫巧网上很多地方都有我也便懒得研究了

主要是当第二个参数是函数的时候应该怎么用呢?

如下代码既是试验代码也是应用代码

它用了两种方法将一个字符串格式化

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
    <div class="datatest" data-pre="pre"></div>
    <script>
    replacement=["Javascript","String"]


    str1="here is a $s test of $s replace";
    var i = -1;
    str1 = str1.replace(/\$s/g,function(a,b,c,d){
        i++;
        console.log(a + " " + b + " " + c + " " + d + " " + i);
        return replacement[i];
    });
    console.log(str1);




    str2="here is a $0 test of $1 replace";
    str2 = str2.replace(/\$(\d+)/g,function(a,b,c,d){
        console.log(a + " " + b + " " + c + " " + d);
        return replacement[b];
    });
    console.log(str2);
    </script>
</body>
</html>

在chrome下输出为:

 
 $s 10 here is a $s test of $s replace undefined 0 

 
 $s 21 here is a $s test of $s replace undefined 1 

 
 here is a Javascript test of String replace 

 
 $0 0 10 here is a $0 test of $1 replace 

 
 $1 1 21 here is a $0 test of $1 replace 

 
 here is a Javascript test of String replace 

显然的,对于没有变量的正则 replacement 函数有3个参数: 匹配到的字符串匹配到的字符串在原字符串中的位置原字符串

对于有变量的正则replacement 函数有4个参数: 匹配到的字符串变量值匹配到的字符串在原字符串中的位置原字符串

CuGBabyBeaR

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Javascript string.replace 方法中函数参数的使用

豁然发现 replace方法真心是个好东西replace的语法是:stringObject.replace(regexp/substr,replacement)第一个参数是一个字符串或者正则表达式第二个参数是要替换的字符也可以是函数对于正则表达式配合$开头的待替换字符的各种奇技淫巧网上很多地方都有我也便懒得研究了主要是当第二个参数是函数的时候应该
复制链接

扫一扫