JavaScript 字符串

2025年4月23日 | 7 分钟阅读

引言

JavaScript 中的字符串实际上是一个对象,包含一系列字符,范围从字母到数字符号,甚至包括特殊字符,如 '\\b,' '\

,' '\\t,' '\\r,' 和 '\\"'.

你可以将字符串放在单引号 (') 或双引号 (") 中,因此 "some string" 和 'some string' 都是有效的。字符串的一些例子有 "hello"、"hello world"、"123"、"hello" + "world" 和 "hello\ world"。

在 JavaScript 中创建字符串时,主要有两种方式:你可以使用字符串对象(通过 `new` 关键字)或者直接使用字符串字面量。

JavaScript 字符串方法

JavaScript 字符串 charAt() 方法

JavaScript string charAt() 方法是一个很方便的工具,用于从字符串的特定索引中获取一个字符。

语法

在这种情况下,`str` 指的是调用 `charAt()` 方法时正在处理的字符串。

参数

ind: 这是你想要检索的字符的索引。请记住,它应该在 0 和 `str.length - 1` 之间(其中 `str.length` 是字符串中的字符总数)。

返回值

它会返回一个表示指定索引处字符的字符串。

注意:如果你提供的索引超出范围,`charAt()` 方法将只返回一个空字符串。

示例

立即执行

输出

v

在上面的例子中,`str.charAt(2)` 将返回位于第 2 个索引处的字符,即 'v'。

JavaScript 字符串 concat() 方法

JavaScript 中的 concat() 方法用于合并字符串参数,生成一个包含所有指定字符串的新字符串。

语法

变量 `str` 表示将与其他参数组合的字符串。

参数

- `a, b, ..., z`: 你希望与 `str` 连接的一个或多个字符串。

返回值

你将收到一个由你提供的所有字符串内容组成的新字符串。

示例

立即执行

输出

javascript String

在上面的例子中,`str.concat()` 方法将你输入的所有字符串合并起来,生成一个单一、连贯的字符串。

JavaScript 字符串 indexOf() 方法

indexOf() 方法用于搜索一个特定的字符串值,并返回它在你正在检查的字符串中首次出现的位置。

语法

`str` 是我们将在其中搜索参数的字符串。

参数

- val: 这是你希望在 `str` 中定位的字符串值。

- index (可选): 默认情况下,`indexOf()` 方法从索引 0 开始搜索 `val`。你可以使用此参数为你的搜索指定一个不同的起点。

返回值

该方法输出一个数字,表示 `val` 首次出现的索引。如果在字符串中找不到 `val`,它将返回 -1。

示例

立即执行

输出

4
-1

在上面的例子中,`str.indexOf('s')` 函数查找字符串 's' 的首次出现,并提供其索引。同样,当你使用 `str.indexOf('Z')` 时,它会搜索 'Z' 的首次出现。由于字符串中不存在 'Z',它返回 -1。

JavaScript 字符串 lastIndexOf() 方法

lastIndexOf() 方法接受一个字符串值,并返回该值在调用字符串中最后一次出现的索引。

语法

参数

- val: 这表示你希望在 `str` 中定位的字符串值。

- index (可选): 通常,`indexOf()` 方法从头开始搜索 `val`,即从索引 0 开始,一直到结尾以识别 `val` 的最后一次出现。此参数使你能够指定一个特定的索引来限制搜索区域,或指示搜索应停止的索引之后的位置。

返回值

该方法提供一个数字,表示 `val` 最后一次出现的索引。如果在字符串中找不到 `val`,它将返回 -1。

示例

立即执行

输出

33
-1

在这里,`str.lastIndexOf('s')` 方法返回给定字符串中 's' 的最后一个索引。如果你尝试执行 `str.lastIndexOf('Z')`,它会返回 'Z' 的最后一个索引。由于 'Z' 不在给定的字符串中,它返回 -1 作为返回值。

JavaScript 字符串 toLowerCase() 方法

JavaScript toLowerCase() 方法是一个简单的方法,它将字符串中的所有字符都更改为小写。

注意:调用 `toLowerCase()` 方法不会改变原始字符串,而是提供一个全新的字符串,其中每个字符都是小写的。

语法

返回值

你将收到一个新字符串,其中所有字符都已整齐地转换为小写字母。

示例

立即执行

输出

javascript is a programming language

JavaScript 字符串 toUpperCase() 方法

现在,我们来讨论 JavaScript `toUpperCase()` 函数。这个方便的函数将字符串中的所有字母都转换为大写字母。

注意:调用 `toUpperCase()` 方法不会改变原始的 `str`;它会返回一个包含所有大写字符的新字符串。

语法

返回值

它会给你一个新字符串,其中每个字符都已转换为大写字母。

示例

立即执行

输出

JAVASCRIPT IS A PROGRAMMING LANGUAGE

在提供的示例中,变量 `str` 包含小写和大写字母。当使用 `str.toUpperCase()` 方法时,它会返回一个新字符串,其中 `str` 的所有字符都被替换为它们的大写形式。

JavaScript 字符串 split() 方法

此方法用于将一个字符串分割成一个由较小子串组成的数组。字符串的分割方式取决于一个特定的模式,该模式作为调用方法时的第一个参数传入。

语法

参数

pattern (可选): 这指定了字符串应如何被分割。可以使用普通字符串或正则表达式。

limit (可选): 这指定了返回数组中要包含的子串数量。当达到此限制时,字符串分割将终止。该值必须始终为正整数。

返回值

它会生成一个字符串数组。

示例

立即执行

输出

javascript String

在上面的例子中,`str.split(' ')` 这种方法在每个空格处分割字符串。而 `str.split(' ', 2)` 也在空格处分割字符串,但限制数量为 2,因此返回的数组中只有两个元素。

结论

总而言之,JavaScript 字符串是一种允许你存储文本的原生数据类型。字符串可以作为原始值或对象创建。要指定原始字符串,你可以使用单引号、双引号或反引号。可以使用比较运算符或 `localeCompare()` 方法来比较 JavaScript 字符串。JavaScript 字符串可以通过多种不同方式进行操作。


JavaScript 字符串方法

方法描述
charAt()它提供指定索引处的字符值。
charCodeAt()它提供指定索引处字符的 Unicode 值。
concat()它提供两个或多个字符串的组合。
indexOf()它提供给定字符串中存在的字符值的位置。
lastIndexOf()它通过从最后位置搜索字符来提供给定字符串中存在的字符值的位置。
search()它在给定字符串中搜索指定的正则表达式,如果匹配成功,则返回其位置。
match()它在给定字符串中搜索指定的正则表达式,如果匹配成功,则返回该正则表达式。
replace()它将给定的字符串替换为指定的替换内容。
substr()它用于根据指定的起始位置和长度来提取给定字符串的一部分。
substring()它用于根据指定的索引来提取给定字符串的一部分。
slice()它用于提取给定字符串的一部分。它允许我们分配正索引和负索引。
toLowerCase()它将给定的字符串转换为小写字母。
toLocaleLowerCase()它根据主机的当前区域设置将给定的字符串转换为小写字母。
toUpperCase()它将给定的字符串转换为大写字母。
toLocaleUpperCase()它根据主机的当前区域设置将给定的字符串转换为大写字母。
toString()它提供一个表示特定对象的字符串。
valueOf()它提供字符串对象的原始值。
split()它将一个字符串分割成子字符串数组,然后返回新创建的数组。
trim()它从字符串的左侧和右侧修剪空白字符。