JavaScript sub方法入门实例（把字符串显示为下标）

下面是对 "JavaScript sub方法入门实例（把字符串显示为下标）" 的详细讲解。

什么是 sub() 方法？

sub() 方法可以用于生成 HTML 字符串，该字符串将其中文本的子字符串定义为下标。该方法将指定的字符串中第一个匹配的模式或者正则表达式替换为一个包含下标标签的子字符串。

sub() 方法的语法

sub() 方法的语法如下所示：

stringObject.sub(regexp,replace.txt) 

其中，regexp 参数可以是字符串或者正则表达式对象。如果 regexp 参数不是正则表达式对象，则其首先会被转换为一个 RegExp，如果 replaceText 参数是字符串，则可以包含下列特殊字符序列：

• $$：插入一个美元符号。
• $&：插入与正则表达式相匹配的子字符串。
• `$``：插入当前匹配子串左边的内容。
• $'：插入当前匹配子串右边的内容。
• $n：如果第一个参数 regexp 是正则表达式，则插入第 n 个括号匹配的子字符串，例如 $1，$2，$3 等等。

sub() 方法的示例

下面来看两个 sub() 方法的示例。

示例一：将字符串中的所有数字转为下标

var str = '2 + 2 = 4';
var result = str.sub(/\d/g, "<sub>$&</sub>");
console.log(result);

运行结果：

<sub>2</sub> + <sub>2</sub> = <sub>4</sub>

如上所示，sub() 方法可以将指定字符串中的所有数字字符串转换为下标格式。其中，\d 表示匹配所有数字。

示例二：将字符串中某个单词替换为带下标的形式

var str = 'In the movie Harry Potter, the word "wand" occurs frequently.';
var result = str.replace(/wand/gi, "<sub>$&</sub>");
console.log(result);

运行结果：

In the movie Harry Potter, the word "<sub>wand</sub>" occurs frequently.

如上所示，具有替换特性的 replace() 方法也可以使用正则表达式与带下标的字符串实现字符替换。

希望以上讲解可以对你理解 sub() 方法有所帮助。