JavaScript 字符串方法

JavaScript 提供了多种内置方法用于字符串操作。字符串对于从最终用户那里获取输入、字符串格式化和数据处理非常重要。JavaScript 中有一些内置方法可以用于访问、修改和分析字符串。在本文中，我们将通过示例介绍一些字符串方法及其用法。

什么是字符串？

在 JavaScript 中，字符串是一系列字符，可以用单引号（'）、双引号（"）或反引号（`）括起来。简单来说，字符串是一种用于在 JavaScript 程序中存储和操作文本的数据类型。它们是不可变的，这意味着无法直接更改其内容，但有很多方法可以处理它们。字符串是一种可以由字母、数字、符号和空格组成的数据类型。JavaScript 将字符串作为对象处理，因此它提供了内置方法来尽可能快速地提取、查找、替换和操作文本。

JavaScript 中的字符串长度

字符串长度包括空格和特殊字符。这有助于用户输入验证、字符串大小检查或根据字符串长度执行某些操作。

输出

 
Length: 18
Length: 0
Length: 27   

JavaScript 中的 String charAt() 方法

charAt() 方法返回字符串中给定索引处的字符。索引从 0 开始，当索引超出范围时返回一个空字符串。

输出

 
Character at index 4: n
Character at index 0: T
Last character: h
Character at index 20:

JavaScript 中的 String charCodeAt() 方法

charCodeAt() 方法返回字符串中指定索引处字符的 Unicode 值（ASCII 码）。这在处理字符编码或转换时非常有用。

输出

 
ASCII code at index 1: 112
ASCII code at index 0: 84
ASCII code at last index: 104

JavaScript 中的 String at() 方法

at() 方法通过索引表示字符，并且支持负索引从字符串末尾获取字符。与常规的 索引 相比，这使得从字符串末尾访问字符更加容易。

输出

 
Character at index -1: h
Character at index -5: t
Character at index 3: i
Character at index 10: undefined

JavaScript 中的 String slice() 方法

slice() 方法用于获取字符串的一部分，并以新字符串的形式返回该部分。该函数接受两个参数，分别是开始索引和结束索引。省略结束索引将使切片一直到字符串末尾。

输出

 
Slice from 0 to 10: JavaScript
Slice from 11 to end: Programming
Last 5 characters: mming
Slice excluding last 10 characters: JavaScript P

JavaScript 中的 String substring() 方法

它根据开始和结束索引返回字符串的一部分。与 slice() 不同，它不接受负索引。如果开始索引 > 结束索引，则该方法会自动交换开始索引和结束索引。

输出

 
Substring from 0 to 4: Tpoi
Substring from 4 to 0 (auto swap): Tpoi
Substring from 4 to end: ntTech

JavaScript 中的 String substr() 方法

substr() 方法返回从指定位置开始到指定数量的字符。此方法已被弃用，取而代之的是 slice()。

输出

 
Substr from 4, length 6: ntTech
Substr from 0, length 4: Tpoi
Substr from -6, length 6: ntTech

JavaScript 中的 String toUpperCase() 方法

toUpperCase() 方法用于将字符串中的所有字符转换为大写。这有助于规范化文本输入或在不区分大小写的比较中使用。

输出

 
Uppercase: HELLO
Uppercase: TPOINTTECH USERS

JavaScript 中的 String toLowerCase() 方法

toLowerCase() 方法用于返回转换为小写的字符串值，这对于不区分大小写的搜索或比较非常有用。

输出

 
Lowercase: hello
Lowercase: javascript

JavaScript 中的 String concat() 方法

此方法主要用于连接两个或多个字符串。虽然使用 concat() 会产生与 + 运算符相同的结果，但在表达复杂表达式时，它有时可以使代码更清晰。

输出

 
Concatenated string: Hello TpointTech
Concatenated with multiple strings: Hello TpointTech Users
Concatenating empty string: Hello

JavaScript 中的 String trim() 方法

此方法删除字符串两端的空白字符。在需要清理用户输入（例如在将其存储到数据库或进行进一步数据处理之前）的情况下，它非常有用。

输出

 
Trimmed string: Hello World
Trimmed string: JavaScript

JavaScript 中的 String trimStart() 方法

trimStart() 方法就像从字符串的开头删除空白字符一样。当你遇到缩进或前导空格时，它很有用。

输出

 
Trimmed start: Hello World
Trimmed start: Trim me

JavaScript 中的 String trimEnd() 方法

trimEnd() 方法从字符串的末尾删除空白字符。

输出

 
Trimmed end: Hello World
Trimmed end: Remove spaces at the end

JavaScript 中的 String padStart() 方法

padStart() 方法在字符串开头添加指定字符，直到字符串达到指定长度。我们可以在数字格式化、打印输出时的文本对齐等方面使用它。

输出

 
Padded start: 0005
Padded start: ****Hi

JavaScript 中的 String padEnd() 方法

padEnd() 方法使用指定字符填充字符串的末尾，直到它达到一定的长度。

输出

 
Padded end: 5000
Padded end: Hello!!!!!

JavaScript 中的 String repeat() 方法

repeat() 方法返回一个包含原始字符串指定次数副本的新字符串。当我们想要在字符串中重复模式时，这非常有用。

输出

 
Repeated string: Hello Hello Hello
Repeated stars: **********

JavaScript 中的 String replace() 方法

replace() 方法用另一个值替换字符串中的一个值。除非使用全局正则表达式，否则它仅替换第一个匹配项。

输出

 
Replaced string: Hello JavaScript
Replaced color: The sky is red.

JavaScript 中的 String replaceAll() 方法

String 类还具有 replaceAll() 方法，该方法将给定值的所有出现都替换为另一个值，因此适用于大规模文本替换。

输出

 
Replaced all occurrences: Hello JavaScript, JavaScript!
Replace all 'abc': xyz xyz xyz

JavaScript 中的 String split() 方法

split() 方法使用分隔符字符串将字符串分成一个数组，它是解析逗号分隔值或处理输入字符串的常用方法。

输出

 
Split string: [ 'Hello', 'World', 'JavaScript' ]
Split by spaces: [ 'This', 'is', 'a', 'test', 'sentence' ]

JavaScript 中的 String indexOf() 方法

indexOf() 返回字符串中指定值第一次出现的位置。如果找不到该值，则返回 -1。此方法用于检查文本是否包含指定的子字符串。

输出

 
Index of 'TpointTech': 7
Index of 'Welcomes': 15
Index of 'Yashraj': 6

JavaScript 中的 String lastIndexOf() 方法

lastIndexOf() 方法返回字符串中指定值的最后一个索引。如果找不到该值，则返回 -1。当你想查找最近重复的单词时，它很有帮助。

输出

 
Last index of 'JavaScript': 18
Last index of 'west': 34
Last index of 'Python': -1

JavaScript 中的 String search() 方法

search() 方法用于搜索字符串以查找指定匹配项，并返回第一个匹配项的索引号。如果找不到匹配项，则返回 -1。

输出

 
Search for 'JavaScript': 7
Search for 'rain': 4
Search for 'hello' (case-sensitive): -1
Search for 'hello' (case-insensitive): 0

JavaScript 中的 String valueOf() 方法

valueOf() 方法用于返回字符串的原始值。它是默认的 JavaScript 字符串方法。

输出

 
Tpoint Tech

结论

JavaScript 字符串方法是强大的文本处理方法。我们特别在想要高效处理字符串时使用它们（例如，在 表单验证、文本解析、数据格式化等中处理文本），以应对各种编程场景。