javascript - 分割字符串中的特定文本

Question

我在下面遇到这个问题，我想分割一个带有特定字符/文本的字符串。如果我的字符串有分割字符串(或)，我将下面的代码作为我的场景。

所需输出

A1 Hello World

A2 Hello World!.

但是正如您在我的示例代码中看到的，它拆分了他在我的字符串中看到的所有 or。

var str = "A1 Hello World or A2 Hello World!.";
var split = str.split('or');

console.log(split);

字符串中的或是否也可以将颜色变为黑色？我的默认颜色文本是绿色。类似于下面的代码。

注意

下面的代码与上面的代码相关

<a style="color:green">A1 Hello World</a> or <a style="color:green">A2 Hello World!.</a>

我在 JavaScript 中声明的字符串数据未修复。它通过循环来自数据库。上面的字符串只是一个示例。

Answer 1

用 ' 或 ' 分割，并用空格包围:

var str = "A1 Hello World or A2 Hello World!.";
var split = str.split(' or ');

console.log(split);

要替换为 span，您可以使用正则表达式来捕获一组中的非 ' 或 ' 短语，捕获 ' 或 ' 短语位于第二组中，并替换为 span 内的第一组，后跟第二组:

var str = "A1 Hello World or A2 Hello World!.";
console.log(str.replace(/(.+?)( or |$)/g, '<a style="color:green">$1</a>$2'))