字符串转数组首选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 】

相关推荐： 购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  Laravel怎么实现一对多关联查询_Laravel Eloquent模型关系定义与预加载【实战】  js代码实现下拉菜单【推荐】  浅谈javascript alert和confirm的美化  javascript中的数组方法有哪些_如何利用数组方法简化数据处理  Laravel如何集成微信支付SDK_Laravel使用yansongda-pay实现扫码支付【实战】  北京企业网站设计制作公司,北京铁路集团官方网站？  Laravel Blade模板引擎语法_Laravel Blade布局继承用法  Laravel Debugbar怎么安装_Laravel调试工具栏配置指南  香港服务器选型指南：免备案配置与高效建站方案解析  Laravel PHP版本要求一览_Laravel各版本环境要求对照  百度浏览器如何管理插件 百度浏览器插件管理方法  Laravel如何实现邮箱地址验证功能_Laravel邮件验证流程与配置  Laravel怎么实现模型属性的自动加密  韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  如何批量查询域名的建站时间记录？  如何用ChatGPT准备面试 模拟面试问答与职场话术练习教程  如何确认建站备案号应放置的具体位置？  米侠浏览器网页背景异常怎么办 米侠显示修复  深圳网站制作设计招聘,关于服装设计的流行趋势，哪里的资料比较全面？  Laravel如何使用模型观察者？（Observer代码示例）  如何获取免费开源的自助建站系统源码？  Laravel中DTO是什么概念_在Laravel项目中使用数据传输对象(DTO)  高防服务器如何保障网站安全无虞？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  公司网站制作价格怎么算,公司办个官网需要多少钱？  Python自然语言搜索引擎项目教程_倒排索引查询优化案例  如何用AI一键生成爆款短视频文案？小红书AI文案写作指令【教程】  Laravel Admin后台管理框架推荐_Laravel快速开发后台工具  如何快速搭建高效可靠的建站解决方案？  如何将凡科建站内容保存为本地文件？  Laravel如何监控和管理失败的队列任务_Laravel失败任务处理与监控  详解jQuery中基本的动画方法  高性能网站服务器配置指南：安全稳定与高效建站核心方案  如何快速完成中国万网建站详细流程？  Java解压缩zip - 解压缩多个文件或文件夹实例  如何用花生壳三步快速搭建专属网站？  如何在腾讯云免费申请建站？  如何用wdcp快速搭建高效网站？  bootstrap日历插件datetimepicker使用方法  nodejs redis 发布订阅机制封装实现方法及实例代码  网站制作免费,什么网站能看正片电影？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  如何快速选择适合个人网站的云服务器配置？  Claude怎样写结构化提示词_Claude结构化提示词写法【教程】  php做exe能调用系统命令吗_执行cmd指令实现方式【详解】  HTML透明颜色代码怎么让图片透明_给img元素加透明色的技巧【方法】  千库网官网入口推荐 千库网设计创意平台入口  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  长沙做网站要多少钱,长沙国安网络怎么样？