字符串转数组首选split('')，但Unicode字符需用[...str]或Array.from()；查子串按需选includes()、indexOf()或search()；替换用replaceAll()更安全；trimStart()/trimEnd()注意兼容性。

字符串转数组用 split()，但别忘了分隔符为空时的特殊行为

想把字符串按字符拆开？split('') 最直接。但要注意：split('') 在遇到 Unicode 组合字符（比如带重音符号的字母、emoji）时可能切错位置；更稳妥的是用扩展运算符 [...str] 或 Array.from(str)。

• str.split('')：适合 ASCII 字符为主的场景，简单快
• [.

  

  ..str]：能正确处理大多数 emoji 和组合字符（如 'é'、'?‍?'）
• str.split(/(?=.)/u)：正则加 u 标志也能可靠分割，但性能略低

查找子串用 includes()、indexOf()、search()，选哪个看需求

includes() 返回布尔值，语义清晰，推荐用于“是否存在”的判断；indexOf() 返回索引，适合需要定位位置的场景；search() 支持正则，但不支持全局标志 g，且不返回匹配内容。

• 只关心“有没有”：优先用 str.includes('foo')
• 要找第一次出现的位置：用 str.indexOf('foo')（比 search() 快，无正则开销）
• 要匹配模式（比如邮箱前缀、数字块）：用 str.search(/\d+/)，但注意它只返回首个匹配索引
• 别用 search() 替代 match()——它不返回捕获组，也无视 g 标志

替换文本别只用 replace()，replaceAll() 才是批量替换的正确选择

replace() 默认只换第一个匹配项，即使传了正则也得手动加 g 标志；而 replaceAll() 对字符串参数自动全局替换，对正则则要求必须带 g，否则报错——这是有意设计的安全限制。

• 替换所有 'a'：用 str.replaceAll('a', 'b')，比 str.replace(/a/g, 'b') 更直观
• 正则替换必须带 g：str.replaceAll(/a/g, 'b') ✅，str.replaceAll(/a/, 'b') ❌（抛 TypeError）
• 旧环境没 replaceAll()？用 str.replace(/a/g, 'b') 是等效降级方案

trim() 系列方法看似简单，但 trimStart() 和 trimEnd() 兼容性容易被忽略

trim() 基本全平台支持；但 trimStart() 和 trimEnd() 在 IE 完全不支持，Safari 12–14 也不支持 trimEnd()（它叫 trimRight()）。如果目标环境较老，要么用 polyfill，要么退回到 trimLeft()/trimRight()（已废弃但兼容性更好）。

• 现代项目（≥ Safari 15 / Chrome 66）：放心用 trimStart() 和 trimEnd()
• 需兼容旧浏览器：用 str.trimLeft() 和 str.trimRight()，或写正则 str.replace(/^\s+/, '')
• trim() 不处理全角空格、  等 Unicode 空白符，需要时得自己扩展正则

# javascript  # java  # 浏览器  # safari  # 邮箱  # chrome  # Array  # 运算符  # 字符串  # ASCII  # 全角  # 的是  # 这是  # 转数  # 也不  # 运行环境  # 第一个  # 才是  # 也能  # 不支持 

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

相关推荐： 敲碗10年！Mac系列传将迎来「触控与联网」双革新  Laravel如何自定义分页视图？（Pagination示例）  南京网站制作费用,南京远驱官方网站？  HTML5空格在Angular项目里怎么处理_Angular中空格的渲染问题【详解】  海南网站制作公司有哪些,海口网是哪家的？  HTML透明颜色代码在Angular里怎么设置_Angular透明颜色使用指南【详解】  Laravel如何实现用户注册和登录？（Auth脚手架指南）  魔方云NAT建站如何实现端口转发？  Laravel如何部署到服务器_线上部署Laravel项目的完整流程与步骤  Laravel Seeder填充数据教程_Laravel模型工厂Factory使用  JavaScript数据类型有哪些_如何准确判断一个变量的类型  Windows10如何删除恢复分区_Win10 Diskpart命令强制删除分区  网站制作免费,什么网站能看正片电影？  javascript基本数据类型及类型检测常用方法小结  Laravel怎么设置路由分组Prefix_Laravel多级路由嵌套与命名空间隔离【步骤】  北京的网站制作公司有哪些,哪个视频网站最好？  详解MySQL数据库的安装与密码配置  如何在VPS电脑上快速搭建网站？  如何在阿里云ECS服务器部署织梦CMS网站？  西安专业网站制作公司有哪些,陕西省建行官方网站？  微博html5版本怎么弄发语音微博_语音录制入口及时长限制操作【教程】  独立制作一个网站多少钱,建立网站需要花多少钱？  如何用AI一键生成爆款短视频文案？小红书AI文案写作指令【教程】  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  Laravel如何正确地在控制器和模型之间分配逻辑_Laravel代码职责分离与架构建议  简单实现Android验证码  Midjourney怎样加参数调细节_Midjourney参数调整技巧【指南】  利用python获取某年中每个月的第一天和最后一天  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  高防服务器租用首荐平台，企业级优惠套餐快速部署  ,交易猫的商品怎么发布到网站上去？  HTML透明颜色代码怎么让下拉菜单透明_下拉菜单透明背景指南【技巧】  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？  Laravel集合Collection怎么用_Laravel集合常用函数详解  如何打造高效商业网站？建站目的决定转化率  如何快速搭建高效WAP手机网站？  原生JS获取元素集合的子元素宽度实例  Laravel如何安装使用Debugbar工具栏_Laravel性能调试与SQL监控插件【步骤】  Win11关机界面怎么改_Win11自定义关机画面设置【工具】  Laravel如何使用模型观察者？（Observer代码示例）  Laravel Eloquent模型如何创建_Laravel ORM基础之Model创建与使用教程  Edge浏览器提示“由你的组织管理”怎么解决_去除浏览器托管提示【修复】  Laravel distinct去重查询_Laravel Eloquent去重方法  Laravel定时任务怎么设置_Laravel Crontab调度器配置  如何快速辨别茅台真假？关键步骤解析  高端智能建站公司优选：品牌定制与SEO优化一站式服务  浅谈redis在项目中的应用  电视网站制作tvbox接口,云海电视怎样自定义添加电视源？  千问怎样用提示词获取健康建议_千问健康类提示词注意事项【指南】  DeepSeek是免费使用的吗 DeepSeek收费模式与Pro版本功能详解