你今天应该掌握的 10 个 JavaScript 字符串方法

在用 JavaScript 编程时,您经常会遇到需要字符串操作的场景。例如,在检索电子邮件时,您可能需要将所有字符转换为小写或使用正则表达式来检查输入的密码是否满足所有条件。

JavaScript 字符串方法将帮助您根据您的要求轻松地对字符串执行所有这些操作。这里有 10 个带示例的字符串方法,可帮助您很好地掌握它们。

什么是 JavaScript 字符串方法?

字符串是一种基本的数据结构,由一系列字符组成。这种数据结构是所有主要编程语言的一部分,包括 Python、JavaScript、Java 等。

字符串方法是预先构建的 JavaScript 方法,可帮助开发人员对字符串执行常见操作,而无需手动编写代码。它们使用附加到字符串变量的点符号运行。

相关:什么是编程中的函数?

因为它们只是 JavaScript 函数,所以它们总是以括号结尾,括号可以容纳可选参数。在继续下一步之前,必须了解JavaScript 是什么以及它是如何工作的。让我们开始并更详细地学习这些方法。

对于接下来的方法,我们以一个值为“ Welcome to MUO! ”的字符串变量str为例。

 let str = "Welcome to MUO!"

1. String.toLowerCase() 和 String.toUppperCase()

toLowerCase()字符串方法将给定字符串的所有字符转换为小写格式,类似地, toUpperCase()方法将所有字符转换为大写格式。这些函数不会修改原始字符串。

句法:

 toUpperCase()
toLowerCase()

让我们用一个简单的例子来看看这两种方法:

 console.log(str.toLowerCase());
console.log(str.toUpperCase());
console.log(str);

在控制台上运行上述代码时,您将收到以下输出:

 "welcome to muo!"
"WELCOME TO MUO!"
"Welcome to MUO!"

2. String.concat()

concat()方法用于将两个或多个字符串连接在一起。您可以向此方法添加一个或多个参数以将它们连接成一个字符串。它不会对原始字符串进行任何修改。

句法:

 concat(str1, str2, str3, ...)

这是一个示例,展示了将两个字符串连接起来形成一个新字符串:

 let str2 = " How are you?";
let newString = str.concat(str2);
console.log(newString);
 "Welcome to MUO! How are you?"

3. String.indexOf() 和 String.lastIndexOf()

indexOf()方法可帮助您找出出现指定字符或子字符串的第一个索引。它从左侧开始并跟踪字符串以检查给定的参数是否匹配。

句法:

 indexOf(str)

让我们通过一个例子找出字符串中MUO所在的索引:

 console.log(str.indexOf('MUO'));
 11

如果字符串中不存在给定参数,则该方法返回值 -1。

 console.log(str.indexOf('Hello'));
 -1

类似地, lastIndexOf()方法返回给定字符或字符串最后一次出现的索引。下面是一个例子:

 console.log(str.lastIndexOf('e'));
 6

即使字母e出现在索引 1 处,该字符最后一次出现在索引 6 处,因此作为输出返回。

4. String.charAt()

charAt()字符串方法返回字符串中指定索引处的字符。它只接受一个参数,即要检索字符的索引。索引值范围从 0 到长度 – 1。

句法:

 charAt(index)

这是charAt()方法的示例:

 console.log(str.charAt(9));
console.log(str.charAt(0));
console.log(str.charAt(str.length - 1));
 o
W
!

在上面的示例中,当str.length – 1作为参数传递时,该方法返回字符串的最后一个字符。如果输入超出允许范围的无效索引,则此方法返回 -1。

5. String.charCodeAt()

类似于 charAt 方法, charCodeAt()方法返回指定索引处字符的ASCII 值。这个字符串方法只接受一个参数,即要从中检索字符的索引。

句法:

 charCodeAt(index)
 str.charCodeAt(5);
str.charCodeAt(str.length - 1);
 109
33

同样,索引值的范围从 0 到长度 – 1,如果您尝试传递超出允许限制的索引,此方法将返回 -1。

6. String.replace()

顾名思义, replace()方法可帮助您将字符串的一部分替换为另一部分。这个方法有两个参数:第一个是要替换的子串,第二个是要替换的子串。此方法不会对原始字符串进行任何修改。

句法:

 replace(str1, str2)

例如,如果你想在字符串变量中用这个网站替换单词MUO ,你可以像这样使用replace()方法:

 let newString = str.replace("MUO", "this website");
console.log(newString);
console.log(str);
 Welcome to this website!
Welcome to MUO!

7. String.split()

split()方法用于根据传递给该方法的分隔符参数分解字符串中的所有单词或字符。这个方法的返回类型是一个数组。该数组由所有字符或子字符串组成,根据给定的分隔符进行拆分。此方法不会修改原始字符串。

句法:

 split(separator)

例如,如果将空格 (" ") 作为分隔符参数传递给 split 方法,则输出将如下所示:

 let splitArray = str.split(" ");
console.log(splitArray);
 ['Welcome', 'to', 'MUO!']

如果您不向split()方法传递参数,它将返回一个数组,其中包含一个由字符串变量的值组成的元素。

 let splitArray = str.split();
console.log(splitArray);
 ['Welcome to MUO!']

8. String.substring()

substring()方法用于获取子字符串或原始字符串的一部分。这个方法有两个参数:开始索引和结束索引。输出子字符串从指定的起始索引开始并打印到结束索引 – 1。

句法:

 substring(startIndex, endIndex)

下面是substring()方法的一个快速示例:

 console.log(str.substring(2,8));
 "lcome"

请注意,结束索引处的字符不是输出的一部分。

search()方法有助于在原始字符串中查找特定的子字符串或字符。此方法接受一组字符或子字符串作为参数并跟踪整个字符串。找到匹配项后,将返回匹配部分的起始索引。否则,此方法返回 -1。

句法:

 search(substring)

您可以通过以下方式使用search()方法:

 console.log(str.search("MUO"));
console.log(str.search("2"));
 11
-1

10. String.trim()

trim()方法删除字符串中第一个字符之前和最后一个字符之后的所有空格。此方法不需要您传递任何参数,也不会修改原始字符串。它对表单中的用户输入验证非常有帮助。

句法:

 trim()

让我们以一个新的例子来探索这个字符串方法:

 let untrimmedString = " Welcome to MUO! ";
let trimmedString = untrimmedString.trim();
console.log(trimmedString);
console.log(untrimmedString);
 "Welcome to MUO!"
" Welcome to MUO! "

更多要检查的 JavaScript 方法

所以这是一些常见字符串方法的快速综述,它们可以帮助您作为 JavaScript 开发人员提高工作效率。这些方法还将帮助您在与字符串相关的问题的编码面试中取得好成绩。熟能生巧,所以请继续在您自己的控制台中尝试这些方法。

一旦您对字符串方法进行了彻底的了解,那么看看一些可以进一步提高您对 JavaScript 的掌握的数组方法可能是值得的。