JavaScript字符串是不可变原始类型，所有操作返回新字符串；推荐用at()或展开语法获取字符，includes()/startsWith()/endsWith()判断内容，split()/join()拆拼时注意空字符串和null/undefined处理，replace()需正则加g标志或用replaceAll()全局替换。

JavaScript 字符串是原始类型，不可变，所有“修改”操作实际都返回新字符串——这是理解所有方法行为的前提。

如何安全获取字符串中某个位置的字符

charAt() 和 charCodeAt() 是传统方式，但对 Unicode 超出 BMP 的字符（如 emoji、某些中文生僻字）可能返回错误码点；现代推荐用 at()（ES2025）或展开语法 [...str][index]。

• str.charAt(0) 返回空字符串而非 undefined，容易掩盖越界问题
• str.at(-1) 支持负索引，比 str[str.length - 1] 更简洁安全
• str[0] 虽常用，但在严格模式下对 null/undefined 不报错而是静默返回 undefined，排查困难

如何正确判断字符串是否包含某段内容

别再只用 indexOf() !==

• str.includes("foo", 5) 从第 5 个字符开始搜，indexOf() 需手动截取再查
• startsWith() 和 endsWith() 专用于前缀/后缀判断，避免正则或 slice() 拼接
• 注意大小写：它们默认区分大小写，如需忽略，先转 toLowerCase() 再查（不要用正则 /foo/i 做简单判断，性能差）

如何拆分与拼接字符串才不易出错

split() 的分割符是关键陷阱点：传入空字符串 "" 会把每个字符拆成数组；传入正则时，捕获组会让结果包含分隔符本身。

• "a,b,c".split(",") → ["a","b","c"]，但 "a,,c".split(",") → ["a","","c"]，空项保留
• 需要过滤空项？加 .filter(Boolean)，但注意 "0".split("") 过滤后变空数组——Boolean("0") 是 true
• join() 对 null/undefined 项自动转为空字符串，不报错；但 Array.from(str).join("") 可替代 str.split("").join("")，更语义化

如何替换全部匹配而非仅第一个

replace() 默认只换第一个匹配项，要全局替换必须用正则并带上 g 标志；字符串字面量无法触发全局替换。

• str.replace("a", "b") → 只换首个 "a"；str.replace(/a/g, "b") → 全部替换
• 若替换内容含变量，用 RegExp(pattern, "g") 构造，注意特殊字符需转义（如 new RegExp(escapeRegex(userInput), "g")）
• replaceAll()（ES2025）可直接接受字符串参数做全局替换：str.replaceAll("a", "b")，但不支持正则功能，且旧版浏览器无兼容

字符串方法大多不修改原串，但容易在链式调用中误以为中间结果被缓存；另外，大量拼接建议用数组 push + join，而非反复 +=，尤其在循环中——V8 引擎虽已优化，但逻辑清晰性更重要。

# javascript  # es6  # java  # 浏览器 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 如何在Ubuntu系统下快速搭建WordPress个人网站？  如何快速搭建虚拟主机网站？新手必看指南  如何快速搭建二级域名独立网站？  Laravel模型关联查询教程_Laravel Eloquent一对多关联写法  Win11怎么关闭资讯和兴趣_Windows11任务栏设置隐藏小组件  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  如何在腾讯云服务器上快速搭建个人网站？  如何在万网主机上快速搭建网站？  Laravel如何配置Horizon来管理队列？（安装和使用）  如何在云主机快速搭建网站站点？  Laravel怎么配置S3云存储驱动_Laravel集成阿里云OSS或AWS S3存储桶【教程】  网站制作大概多少钱一个,做一个平台网站大概多少钱？  怎样使用JSON进行数据交换_它有什么限制  Laravel如何构建RESTful API_Laravel标准化API接口开发指南  Android Socket接口实现即时通讯实例代码  linux写shell需要注意的问题(必看)  Laravel软删除怎么实现_Laravel Eloquent SoftDeletes功能使用教程  昵图网官网入口 昵图网素材平台官方入口  如何快速生成凡客建站的专业级图册？  Laravel如何实现登录错误次数限制_Laravel自带LoginThrottles限流配置【方法】  EditPlus 正则表达式 实战(3)  为什么php本地部署后css不生效_静态资源加载失败修复技巧【技巧】  Laravel怎么清理缓存_Laravel optimize clear命令详解  详解jQuery中的事件  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  iOS发送验证码倒计时应用  laravel怎么实现图片的压缩和裁剪_laravel图片压缩与裁剪方法  Laravel中的Facade(门面)到底是什么原理  HTML5段落标签p和br怎么选_文本排版常用标签对比【解答】  jimdo怎样用html5做选项卡_jimdo选项卡html5实现与切换效果【指南】  Laravel如何创建自定义Facades？（详细步骤）  如何在Tomcat中配置并部署网站项目？  如何用花生壳三步快速搭建专属网站？  HTML5打空格有哪些误区_新手常犯的空格使用错误【技巧】  图册素材网站设计制作软件,图册的导出方式有几种？  Laravel Sail是什么_基于Docker的Laravel本地开发环境Sail入门  Android 常见的图片加载框架详细介绍  通义万相免费版怎么用_通义万相免费版使用方法详细指南【教程】  Windows11怎样设置电源计划_Windows11电源计划调整攻略【指南】  Laravel PHP版本要求一览_Laravel各版本环境要求对照  三星、SK海力士获美批准：可向中国出口芯片制造设备  Laravel如何使用Scope本地作用域_Laravel模型常用查询逻辑封装技巧【手册】  中国移动官方网站首页入口 中国移动官网网页登录  Laravel怎么设置路由分组Prefix_Laravel多级路由嵌套与命名空间隔离【步骤】  🚀拖拽式CMS建站能否实现高效与个性化并存？  Laravel怎么实现验证码(Captcha)功能  jQuery 常见小例汇总  如何制作公司的网站链接,公司想做一个网站，一般需要花多少钱？  HTML透明颜色代码在Angular里怎么设置_Angular透明颜色使用指南【详解】  JS经典正则表达式笔试题汇总