用js正则替换<p></p>

以下是使用 JavaScript 正则表达式替换字符串中的 `<p></p>` 标签的示例代码：

let str = "<p>Hello</p><p>World</p>";
let replacedStr = str.replace(/<p>/g, "").replace(/<\/p>/g, "");

console.log(replacedStr);

在这个例子中，我们首先定义一个字符串 `str`，它包含两个 `<p></p>` 标签。然后，我们使用 JavaScript 的 `replace` 函数来进行正则替换。

我们使用 `/<p>/g` 正则表达式来匹配 `<p>` 标签，并使用空字符串 `""` 来替换它。我们再使用 `/<\/p>/g` 正则表达式来匹配 `</p>` 标签，并同样使用空字符串 `""` 来替换它。这样，我们就可以将字符串中的所有 `<p></p>` 标签都替换成空字符串。

最后，我们将替换后的字符串打印出来。结果应该为 `HelloWorld`，其中 `<p></p>` 标签已被替换掉了。

相关问题

js replace 正则替换

### 使用 `replace` 方法配合正则表达式

在 JavaScript 中，`String.prototype.replace()` 方法用于在一个字符串中搜索指定模式并将其替换为新的子串或通过函数计算的结果。当第一个参数是一个正则表达式时，可以实现更复杂的匹配逻辑。

下面展示了一个简单的例子来说明如何利用正则表达式执行替换操作：

const str = "The rain in SPAIN stays mainly in the plain";
// 将所有的大写字母转换成小写，并在其前后加上括号
const result = str.replace(/[A-Z]/g, match => '(' + match.toLowerCase() + ')');
console.log(result);

上述代码片段会输出 `"The r(a)in (i)n (s)p(ain) st(a)ys m(a)inely (i)n (t)he pl(a)in"`[^2]。这里使用了全局标志 (`g`) 来确保所有符合条件的地方都被处理到；而回调函数允许动态决定每一个匹配项应该如何被替代。

对于更加复杂的需求，比如只替换特定位置上的字符组合或者应用条件性的变化，则可以根据具体需求调整正则表达式的定义以及可能使用的替换模板或回调函数。

#### 替换特定模式的例子

假设有一个场景是要把日期格式从 `YYYY-MM-DD` 转换成 `DD/MM/YYYY` 的形式，可以通过如下方式完成：

function convertDateFormat(dateStr) {
    return dateStr.replace(/(\d{4})-(\d{2})-(\d{2})/, '$3/$2/$1');
}

convertDateFormat('2023-09-15'); // 返回 "15/09/2023"

在这个例子中，捕获组 `( )` 和反向引用 `$n` （其中 n 是捕获组编号）一起工作，使得原始字符串中的不同部分能够按照新顺序重新排列。

vue去掉富文本里面的<img>单标签

在Vue.js中，如果你想要从富文本字符串（如Markdown或HTML内容）中移除 `<img>` 单独的标签并保留其源URL，可以使用正则表达式和一些JavaScript处理。这里是一个简单的示例：

function removeImgTags(htmlContent) {
  // 使用正则表达式匹配所有的 <img> 标签
  const imgRegex = /<img[^>]*>/g;
  
  // 替换为纯文本，即只保留src属性
  return htmlContent.replace(imgRegex, '![图片](http://)');
}

// 示例用法
const richText = '<p>这是一段包含<img src="image.jpg">的富文本。</p>';
const cleanedText = removeImgTags(richText);

上述代码会将所有 `<img>` 标签替换为一个带有占位符链接的文本 "[图片]()"，实际应用中你需要替换`http://`为真实的图片地址。