javascript字符串方法如何使用？【教程】_技术教程

JavaScript字符串核心方法只需掌握slice、includes、replace（配正则）、split和trim五个；substr/substring因语义模糊已被弃用；slice统一替代二者；replace默认只换首个，全局替换需/g或replaceAll；split空字符串拆分emoji有缺陷，推荐Array.from；trim不处理中间空格，toLowerCase在土耳其语下异常；所有字符串方法均返回新串，原串不变。

JavaScript 字符串方法不是“学一堆 API”，而是按需调用、理解边界、避开隐式转换陷阱。直接上关键判断：多数时候你真正需要的只有 slice、includes、replace（配合正则）、split 和 trim 这五个，其余方法要么有兼容性坑，要么被现代写法替代。

为什么不用 `substr` 和 `substring`？

这两个方法语义模糊、参数逻辑不一致，且已被标记为“遗留（legacy）”。substr 第二个参数是长度，substring 是结束索引，但两者对负数的处理完全不同——substr(-2) 从倒数第 2 位开始截取，substring(-2, 3) 却会把负数当成 0 处理。

统一用 slice 替代：

const str = "hello world";
str.slice(0, 5);    // "hello"
str.slice(-5);      // "world"
str.slice(6);       // "world"

它支持负数索引（从末尾计数），行为可预测，且与数组 slice 保持一致。

`replace` 只替换第一个匹配？怎么全量替换？

replace 默认只换第一个匹配项，即使字符串里有多个相同子串。这不是 bug，是设计如此。

想全局替换字符串字面量：必须用正则 + g 标志，且要转义特殊字符（如 .、$）
想动态替换（比如变量内容含正则元字符）：先用函数转义，再构造正则
更安全的做法：用 replaceAll（注意兼容性）

示例：

const str = "a.b.c";
str.replace(".", "x");           // "axb.c" —— 只换第一个
str.replace(/\./g, "x");         // "axbxc" —— 正确全局替换
str.replaceAll(".", "x");        // "axbxc" —— 更简洁，但 IE 不支持，Node.js ≥15.0

`split` 遇到空字符串或连续分隔符怎么办？

split("") 确实能把字符串拆成字符数组，但遇到 emoji 或代理对（如 ?、?‍?）会出错；split(" ")

在多个空格时会产生空字符串元素。

实际建议：

拆字符用 [...str]（扩展运算符），它正确处理 Unicode
按空白分割用 str.split(/\s+/)，避免空元素
想保留分隔符？用 str.match(/[^ ]+| /g) 或正则 matchAll

对比：

const str = "a  b   c";
str.split(" ");          // ["a", "", "b", "", "", "c"]
str.split(/\s+/);        // ["a", "b", "c"]
[..."?‍?"];              // ["?", "‍", "?"] ❌ 错误拆分
Array.from("?‍?");     // ["?‍?"] ✅ 正确