小程序正则替换

最新推荐文章于 2024-01-18 17:34:25 发布

原创最新推荐文章于 2024-01-18 17:34:25 发布 · 830 阅读

0 ·

CC 4.0 BY-SA版权

小程序专栏收录该内容

41 篇文章

订阅专栏

本文介绍了如何使用正则表达式进行字符串替换，例如将日期中的短横线替换为点，以及在HTML中替换图片标签以调整样式。示例展示了JavaScript中的replace方法配合正则表达式的使用，对于批量处理字符串和HTML内容非常实用。

使用正则替换字符串

原始数据：

2020-8-3 18:18:23

str.replace(new RegExp('-','g'),'.');

或

str.replace(/-/g,'.');

替换结果：

2020.8.3 18:18:23

使用正则替换HTML中的图片

原始数据：

<img src="https://www.demo.com/image/20210702/1625193028451591.jpeg" title="1625193028451591.jpeg" alt="1625193028451591.jpeg" style="width: 640px; height: 427px;"/>hello world

let reg = new RegExp("<img [^>]*src=['\"]([^'\"]+)[^>]*>", "g");
html = html.replace(reg, function (match, capture) {
    console.log(match)
    console.log(capture)
    return '<img src="'+capture+'" style="width:100%;height:auto;" />'
});

或者

html = html.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function(match, capture){
    console.log(match)
    console.log(capture)
    return '<img src="'+capture+'" style="width:100%;height:auto;" />'
});

替换结果：