如何用String.prototype.includes替代indexOf进行更直观的包含判断
如何用String.prototype.includes替代indexOf进行更直观的包含判断
免费影视、动漫、音乐、游戏、小说资源长期稳定更新！ 👉 点此立即查看 👈
includes比indexOf更直观，但要注意它不支持正则
想判断一个字符串里是否包含某个子串？用 includes() 确实更直观——语义清晰，直接返回布尔值，省去了和 -1 比较的繁琐步骤。不过，它的能力边界也很明确：参数只认字符串。如果你不小心传了个正则表达式进去，它会毫不客气地抛出一个 TypeError，提示你第一个参数必须是字符串。
一个常见的坑是，开发者习惯性地把原本用在 indexOf() 场景的正则对象（比如 /abc/g）直接塞给 includes()。这招行不通。遇到需要正则匹配的情况，还是得老老实实用 test() 或者 match()。
大小写敏感是默认行为，忽略大小写得自己处理
includes() 默认是区分大小写的，这一点和某些工具库里可能提供忽略大小写选项的 contains() 函数不同。要实现忽略大小写的匹配，最稳妥的做法是手动统一转为小写再进行比较：
const str = "Hello World";
str.toLowerCase().includes("hello"); // true
这里有个细节：通常更推荐使用 toLowerCase() 而非 toUpperCase()，除非你能确保输入的字符串不包含像德语 ß 这类在大小写转换中有特殊行为的 Unicode 字符。另外，千万要留意空值问题——如果原字符串或者搜索词有可能是 null 或 undefined，直接调用 toLowerCase() 就会导致运行时错误。稳妥的做法有两种：
- 在使用前先用
typeof str === 'string'做类型检查。 - 或者，使用空值合并运算符：
(str ?? '').toLowerCase().includes(search)。
性能差异微乎其微，但 indexOf 能定位位置
如果只是单纯地问“有没有”，那么在 V8 这类主流 Ja vaScript 引擎中，includes() 和 indexOf() !== -1 的底层实现效率几乎不相上下。别指望通过切换这两个函数来获得显著的性能提升。它们之间真正的差异，体现在语义和后续操作的便利性上。
关键在于，includes() 只告诉你“是否包含”，却不告诉你“在哪里”。如果你的后续逻辑还需要用到子串出现的位置（比如进行截取、替换或高亮显示），那么坚持使用 includes() 就显得有点别扭了。这时，保留 indexOf() 才是更自然的选择：
const pos = str.indexOf("target");
if (pos !== -1) {
console.log(`found at ${pos}`);
return str.slice(pos);
}
IE 不支持 includes，必须考虑兼容性兜底
兼容性是个老生常谈但至关重要的问题。Internet Explorer 浏览器完全不支持 includes() 方法。即使你的项目使用了 Babel 进行转译，它也不会自动为原型方法添加 polyfill（因为 Babel 主要处理语法）。因此，在上线前，务必确认你的目标运行环境，或者手动提供一个补丁：
if (!String.prototype.includes) {
String.prototype.includes = function(search, start) {
return this.indexOf(search, start) !== -1;
};
}
上面这个 polyfill 实现了标准的 start 参数，行为与规范一致。当然，如果你的项目已经引入了 Lodash，直接使用 _.includes(str, search) 会更省心——它内部已经妥善处理了类型转换和兼容性问题。
还有一个容易在服务器端被忽略的场景：Node.js 在 v4.0.0 之前的版本也不支持 includes()。如果你的应用涉及服务端渲染（SSR），并且在低版本的 Node 环境中运行，使用了 includes() 就可能导致服务直接崩溃，这一点需要特别警惕。
相关攻略
技嘉猎鹰白金电源系列即将发售：高效能供电新选择 对于追求极致性能的玩家和创作者来说，电源的选择往往决定了整套系统的稳定基石。好消息是，一个值得关注的新选项即将登场。技嘉科技正式宣布，其全新的EAGLE猎鹰白金与冰猎鹰白金电源系列，将于4月27日在京东平台揭开面纱。这个系列精准地覆盖了从750W到10
让行业等待了整整20天的神秘小马，今天终于正式亮相 4月27日，阿里HappyHorse 1 0正式开启灰测。官网、阿里云百炼平台、千问App三个官方入口同步开放，巨日禄、Libtv等一批第三方AI视频平台也在同一天宣布接入——这种官方渠道与第三方生态同步铺开的节奏，意味着这次不是小范围试水，而是一
4月28日，中电科思仪科技股份有限公司（下称“思仪科技”）将迎来创业板IPO上会，计划公开发行不低于9175 93万股且不超过27527 82万股。 表面上看，思仪科技报告期内业绩增长势头强劲，但深入审视其经营基本面，多重隐患已然浮现。其中，业务独立性、研发效率与募资合理性这三大核心问题，尤为值得市
全画幅标准定焦头 尼克尔 Z 50mm f 1 4售3499元 在尼康Z卡口镜头阵营里，有一支镜头的开发理念与广受好评的Z 35mm f 1 4颇有异曲同工之妙，那就是尼克尔 Z 50mm f 1 4。作为一款标准定焦镜头，它凭借f 1 4的恒定大光圈、出色的便携性以及全面的性能，成为了一个非常值得
2025年《使命召唤》遭遇滑铁卢，微软如何破局？ 2025年对《使命召唤》系列而言，算得上是个“小年”。无论是营收数据，还是玩家投入的游玩时长，都在各个平台遭遇了大幅下滑，跌幅高达60%。面对这样的局面，微软显然坐不住了，已经开始着手布局，防止类似情况再次上演。而他们打出的一张关键牌，便是试图通过一
热门专题
热门推荐
一、财务系统更换：一场不容有失的“心脏手术” 如果把企业比作一个生命体，那么财务系统就是它的“心脏”。这颗“心脏”一旦老化，更换就成了必须面对的课题。但这绝非一次简单的软件升级，而是一场精密、复杂、牵一发而动全身的“外科手术”。数据显示，超过70%的ERP（企业资源计划）项目实施未能完全达到预期，问
在企业数字化转型的浪潮中，模拟人工点击软件：从效率工具到智能伙伴 企业数字化转型的路上，绕不开一个话题：如何把那些重复、枯燥的电脑操作交给机器？模拟人工点击软件，正是因此而成为了提升效率、降低成本的得力助手。那么，市面上的这类软件到底有哪些？答案其实很清晰。它们大致可以归为三类：基础按键脚本、传统R
一、核心结论：AI智能体是通往AGI的必经之路 时间来到2026年，AI智能体这个词儿，早就跳出了PPT和实验室的范畴。它不再是飘在天上的技术概念，而是实实在在地成了驱动全球数字化转型的引擎。和那些只能一问一答的传统对话式AI不同，如今的AI智能体（Agent）本事可大多了：它们能自己规划任务步骤、
一、核心结论：AI智能体交互的“桥梁”是行动层 在AI智能体的标准架构里，它与外部系统打交道，关键靠的是“行动层”。可以这么理解：感知层是Agent的五官，决策层是它的大脑，而行动层，就是那双真正去执行和操作的手。这一层专门负责把大脑产出的抽象指令，“翻译”成外部系统能懂的语言，无论是调用一个API
一、核心结论：AI人设是智能体的“灵魂” 在构建AI应用时，一个核心问题摆在我们面前：如何写好AI智能体的人设描述？这个问题的答案，直接决定了智能体输出的专业度与用户端的信任感。业界实践表明，一个优秀的人设描述，离不开一个叫做RBGT的模型框架，它涵盖了角色、背景、目标和语气四个黄金维度。有研究数据