为何startsWith等字符串方法遇空搜索串返回true？如何规避？

一、背后的原因 #

你观察到的这个情况其实是JavaScript字符串方法的标准行为，不是bug哦！

从字符串匹配的数学逻辑来看，空字符串('')是任何字符串的子串——打个比方，就像任何句子的开头都可以默认“存在”一个没有内容的空串，它不占任何位置，但逻辑上是成立的。ECMAScript规范里明确规定了startsWith、includes、endsWith这些方法在传入空字符串作为搜索目标时，必须返回true，这是为了保持字符串匹配逻辑的一致性。

二、避免该行为的方法 #

如果你的业务场景里需要空搜索串时返回false，只需要在调用方法前先判断搜索字符串是否为空即可，有两种常用方式：

1. 直接在调用前判断 #

最简单的方式就是先检查needle是否为空，再决定是否调用目标方法：

var haystack = 'Hello World!', needle ='';
// 空串直接返回false，否则调用startsWith
const result = needle ? haystack.startsWith(needle) : false;
console.log(result); // 输出 false

2. 封装复用函数 #

如果需要多次使用，可以封装成通用函数，避免重复判断：

// 封装安全的startsWith
function safeStartsWith(haystack, needle) {
  return needle !== '' && haystack.startsWith(needle);
}

// 封装安全的includes
function safeIncludes(haystack, needle) {
  return needle !== '' && haystack.includes(needle);
}

// 封装安全的endsWith
function safeEndsWith(haystack, needle) {
  return needle !== '' && haystack.endsWith(needle);
}

// 使用示例
var haystack = 'Hello World!', needle ='';
console.log(safeStartsWith(haystack, needle)); // false
console.log(safeIncludes(haystack, needle)); // false
console.log(safeEndsWith(haystack, needle)); // false

内容的提问来源于stack exchange，提问作者Ashish