JavaScript字符串常用方法详解

JavaScript字符串虽看似简单，却是开发者最容易踩坑的领域之一：它作为不可变原始类型，所有操作都返回新字符串而非修改原串；Unicode字符（如emoji和代理对）的正确处理需依赖`at()`而非方括号访问；查找应优先使用语义清晰的`includes()`/`startsWith()`/`endsWith()`，截取推荐`slice()`而彻底弃用已废弃的`substr()`；大小写转换需警惕locale差异，空白处理则要特别注意全角空格、零宽字符等非常规空白——真正决定代码健壮性的，往往不是方法名是否熟记，而是对不可变性、Unicode边界、国际化支持和API生命周期的深刻理解。

JavaScript 字符串是原始类型，不可变，所有“修改”操作实际都返回新字符串——这点不理解，后续所有方法都会用错。

字符串长度和单字符访问：用 length 和 at()，别再用方括号下标

旧写法 str[0] 在遇到 emoji 或代理对（如 ?、?‍?）时会返回错误的码元；at() 按 Unicode 字符索引，更可靠：

• str.length 返回 UTF-16 码元数（不是“字符数”，注意区分）
• str.at(0) 返回第 1 个 Unicode 字符（支持负数索引，str.at(-1) 取末尾）
• 想兼容老环境？用 Array.from(str)[0] 或 str.charAt(0)（但后者对代理对仍不安全）

查找子串：优先用 includes()、startsWith()、endsWith()

它们语义清晰、返回布尔值，比 indexOf() !== -1 更可读，且不区分大小写需手动处理：

• str.includes("foo") —— 判断是否存在
• str.startsWith("https://", 0) —— 第二个参数可指定起始位置
• str.endsWith(".js", str.length - 3) —— endsWith() 的第二个参数是检查截止位置（非长度）
• 需要位置？才用 indexOf() 或 lastIndexOf()；正则查找用 search() 或 match()

截取与拼接：用 slice()、substring()、concat()，慎用 substr()

substr() 已被废弃，MDN 明确标记为“不建议使用”，因第二个参数是长度而非结束位置，易混淆：

• str.slice(2, 5) —— 支持负数（从末尾计），不修改原串
• str.substring(2, 5) —— 不支持负数，负数会被转为 0
• "a".concat("b", "c") 等价于 "a" + "b" + "c"，但性能略差，日常直接用 + 或模板字面量
• 大量拼接？用数组 push() + join("")，比反复 += 更高效

大小写与空白处理：注意 locale 敏感性和全角空格

toLowerCase() / toUpperCase() 默认按 ASCII 行为，土耳其语等 locale 下可能出错；有国际化需求时加 toLocaleLowerCase("tr")：

• str.trim() 只清除首尾标准空白（U+0009–U+000D、U+0020、U+0085、U+200B–U+200F、U+2028–U+2029）
• 全角空格（U+3000）、零宽空格（U+200B）等需额外处理，可用正则：str.replace(/^[\u3000\s]+|[\u3000\s]+$/g, "")
• trimStart() 和 trimEnd() 替代 trimLeft()/trimRight()（后者已弃用）

真正容易翻车的不是记不住方法名，而是忽略字符串不可变性、Unicode 边界、locale 差异和废弃 API——这些点没踩过坑，基本算白写了字符串逻辑。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。