字符串方法

!!! 此文章为ai总结，可能会有遗误，请注意甄别 !!!

JavaScript String 方法全景总结：从创建到匹配、切片与转换

来源参考：MDN Web Docs 中文站 String 页面
原始页面：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String
整理日期：2026-08-14

JavaScript 的字符串底层按 UTF-16 码元存储，所以 length、索引访问、切片等操作并不总是等于“用户眼里的一个字符”。遇到 emoji、组合字符或多语言文本时，要特别留意 charCodeAt() 与 codePointAt()、fromCharCode() 与 fromCodePoint() 的区别。

日常使用时，String(value) 更适合做类型转换，includes() 更适合判断包含，slice() 更适合截取，matchAll() 更适合拿完整正则匹配结果，trim() 系列负责清理空白，padStart() 和 padEnd() 负责补齐长度。

静态方法：挂在 String 构造函数上

`String.fromCharCode(...codes)`

把 UTF-16 码元转成字符串，适合 0x0000 到 0xffff 范围内的字符。

String.fromCharCode(72, 105); // "Hi"

`String.fromCodePoint(...codePoints)`

按 Unicode 码点生成字符串，处理 emoji 等超出 0xffff 的字符时更稳。

String.fromCodePoint(0x1f600); // "😀"

`String.raw(strings, ...values)`

读取模板字符串的原始内容，常用于保留反斜杠、路径、正则片段等。

String.raw`C:\new\file.txt`; // "C:\new\file.txt"

构造与转换

`String(value)`

把值转换成字符串。普通业务转换优先用它。

String(123); // "123"

`new String(value)`

创建字符串包装对象。一般不建议在业务代码中使用，因为它是对象，不是字符串原始值。

typeof new String("abc"); // "object"

`toString()`

返回字符串形式，常见于对象包装值或显式转换场景。

new String("abc").toString(); // "abc"

`valueOf()`

取出 String 对象包裹的原始字符串值。

new String("abc").valueOf(); // "abc"

读取字符与编码

`charAt(index)`

返回指定位置的字符；越界时返回空字符串。

"hello".charAt(1); // "e"

`charCodeAt(index)`

返回指定位置的 UTF-16 码元编号。它不合并代理对。

"A".charCodeAt(0); // 65

`codePointAt(index)`

返回指定位置开始的 Unicode 码点，适合处理 emoji 等字符。

"😀".codePointAt(0); // 128512

`at(index)`

按索引读取字符，支持负数索引。

"hello".at(-1); // "o"

搜索与判断

`includes(searchString, position?)`

判断是否包含某段文本。

"JavaScript".includes("Script"); // true

`startsWith(searchString, position?)`

判断是否以某段文本开头。

"https://example.com".startsWith("https://"); // true

`endsWith(searchString, length?)`

判断是否以某段文本结尾。

"report.pdf".endsWith(".pdf"); // true

`indexOf(searchValue, fromIndex?)`

查找第一次出现的位置，找不到返回 -1。

"banana".indexOf("na"); // 2

`lastIndexOf(searchValue, fromIndex?)`

查找最后一次出现的位置。

"banana".lastIndexOf("na"); // 4

`search(regexp)`

用正则查找第一个匹配位置。

"abc123".search(/\d/); // 3

提取与切片

`slice(start, end?)`

截取指定范围，支持负数索引。新代码里通常优先选它。

"JavaScript".slice(4); // "Script"

`substring(indexStart, indexEnd?)`

按两个索引截取，不支持负数；起止顺序写反时会自动交换。

"JavaScript".substring(4, 10); // "Script"

`substr(start, length?)`

按开始位置和长度截取。它是旧方法，新代码更推荐 slice()。

"JavaScript".substr(4, 6); // "Script"

拼接、重复与补齐

`concat(...strings)`

拼接多个字符串。实际项目里模板字符串和 + 更常见。

"Hello".concat(", ", "world"); // "Hello, world"

`repeat(count)`

把当前字符串重复指定次数。

"=".repeat(10); // "=========="

`padStart(targetLength, padString?)`

从左侧补齐到目标长度，常用于编号、日期、时间。

"7".padStart(2, "0"); // "07"

`padEnd(targetLength, padString?)`

从右侧补齐到目标长度，常用于文本对齐。

"A".padEnd(3, "."); // "A.."

大小写与本地化大小写

`toLowerCase()`

转小写。

"HELLO".toLowerCase(); // "hello"

`toUpperCase()`

转大写。

"hello".toUpperCase(); // "HELLO"

`toLocaleLowerCase(locales?)`

按语言环境转小写，适合大小写规则特殊的语言。

"İ".toLocaleLowerCase("tr"); // "i"

`toLocaleUpperCase(locales?)`

按语言环境转大写。

"i".toLocaleUpperCase("tr"); // "İ"

去除空白

`trim()`

删除首尾空白。

"  hello  ".trim(); // "hello"

`trimStart()`

删除开头空白。

"  hello  ".trimStart(); // "hello  "

`trimEnd()`

删除结尾空白。

"  hello  ".trimEnd(); // "  hello"

`trimLeft()` 与 `trimRight()`

分别是 trimStart() 和 trimEnd() 的别名。新代码建议使用后两者。

分割、替换与正则匹配

`split(separator, limit?)`

按分隔符拆成数组，分隔符可以是字符串或正则。

"a,b,c".split(","); // ["a", "b", "c"]

`replace(pattern, replacement)`

替换匹配内容；普通字符串只替换第一个匹配。

"2026-08-14".replace("-", "/"); // "2026/08-14"

`replaceAll(pattern, replacement)`

替换全部匹配项。

"2026-08-14".replaceAll("-", "/"); // "2026/08/14"

`match(regexp)`

返回正则匹配结果。是否带 g 标志会影响返回结构。

"abc123".match(/\d+/); // ["123", ...]

`matchAll(regexp)`

遍历所有正则匹配结果，适合同时读取捕获组。

for (const match of "a1 b2".matchAll(/([a-z])(\d)/g)) {
  console.log(match[1], match[2]);
}

Unicode 与文本规范化

`normalize(form?)`

统一 Unicode 表示形式，适合比较“看起来一样、编码不同”的文本。

"\u00f1".normalize("NFC") === "n\u0303".normalize("NFC"); // true

`isWellFormed()`

判断字符串里是否存在孤立代理项。

"\uD800".isWellFormed(); // false

`toWellFormed()`

把孤立代理项替换为 Unicode 替换字符，得到格式良好的字符串。

"\uD800".toWellFormed(); // "�"

本地化比较

`localeCompare(compareString, locales?, options?)`

按语言环境比较两个字符串的排序关系，适合多语言排序。

"ä".localeCompare("z", "de");

迭代

`Symbol.iterator`

让字符串可以被 for...of、展开语法、Array.from() 迭代。

Array.from("A😀B"); // ["A", "😀", "B"]

HTML 包装方法：认识即可，别在新代码中使用

这些方法会生成带 HTML 标签的字符串，属于早期 Web 遗留 API。现代项目里，结构交给 HTML 或组件，样式交给 CSS。

`anchor(name)`

生成锚点标签字符串。

`big()`

生成大号文本标签字符串。

`blink()`

生成闪烁文本标签字符串。

`bold()`

生成加粗文本标签字符串。

`fixed()`

生成等宽文本标签字符串。

`fontcolor(color)`

生成带颜色的字体标签字符串。

`fontsize(size)`

生成带字号的字体标签字符串。

`italics()`

生成斜体文本标签字符串。

`link(url)`

生成链接标签字符串。

`small()`

生成小号文本标签字符串。

`strike()`

生成删除线文本标签字符串。

`sub()`

生成下标文本标签字符串。

`sup()`

生成上标文本标签字符串。

String方法总结

标签

文章助手

推荐文章

Js闭包

Object常用方法

Js数组