必知的 JavaScript 字符串原生方法

2023-11-25 19:28:56

在 JavaScript 中，字符串是不可变的值类型，这意味着对字符串的任何操作都将返回一个新的字符串，而不会修改原始字符串。JavaScript 提供了丰富的字符串原生方法，使我们能够轻松高效地处理字符串数据。本文将深入探讨 JavaScript 中不可不知的字符串原生方法，帮助你提升字符串操作技能，并在代码中游刃有余。

创建字符串

JavaScript 提供了多种创建字符串的方法：

String.fromCharCode()： 将 Unicode 编码转换为字符。例如：String.fromCharCode(65) 返回 "A"。
String()： 将其他数据类型转换为字符串。例如：String(123) 返回 "123"。
"" 和 ''： 使用双引号或单引号创建字符串字面量。例如："Hello World" 或 'Hello World'。

转换字符串

toLowerCase()： 将字符串转换为小写。例如："HELLO".toLowerCase() 返回 "hello"。
toUpperCase()： 将字符串转换为大写。例如："hello".toUpperCase() 返回 "HELLO"。
trim()： 移除字符串首尾的空白字符。例如：" hello ".trim() 返回 "hello"。

搜索字符串

indexOf(substring)： 返回指定子字符串在字符串中首次出现的位置。例如："Hello World".indexOf("World") 返回 6。
lastIndexOf(substring)： 返回指定子字符串在字符串中最后出现的位置。例如："Hello World".lastIndexOf("l") 返回 9。
includes(substring)： 检查字符串是否包含指定的子字符串。例如："Hello World".includes("World") 返回 true。

替换字符串

replace(substring, newSubstring)： 用新子字符串替换指定的子字符串。例如："Hello World".replace("World", "Universe") 返回 "Hello Universe"。
replaceAll(substring, newSubstring)： 用新子字符串替换字符串中所有匹配的子字符串。例如："Hello World".replaceAll("l", "x") 返回 "Hexxo Worxd"。

其他操作

split(separator)： 将字符串按指定的分隔符拆分为数组。例如："Hello World".split(" ") 返回 ["Hello", "World"]。
slice(start, end)： 返回字符串中指定位置之间的子字符串。例如："Hello World".slice(0, 5) 返回 "Hello"。
substring(start, end)： 类似于 slice()，但如果省略 end 参数，则返回从 start 位置到字符串末尾的子字符串。例如："Hello World".substring(6) 返回 "World"。
charAt(position)： 返回字符串中指定位置处的字符。例如："Hello World".charAt(0) 返回 "H"。