在日常的前端开发中，字符串的比较是必不可少的操作。但是，在比较字符串时常常会出现大小写的问题，造成不必要的麻烦。为了解决这个问题，ES9新增了不区分大小写的字符串比较功能，下面我们就来详细了解一下。
传统的字符串比较方法
在 JavaScript 中，可以使用 String.prototype.localeCompare() 方法进行字符串比较。这个方法实现了基于语言环境的字符串排序，并返回一个数字表示比较结果。如果字符串相等，则返回 0，如果参数字符串排在本字符串之前，则返回一个负数，否则返回一个正数。
例如，我们可以使用下面的代码来比较两个字符串：
const str1 = 'apple'; const str2 = 'banana'; console.log(str1.localeCompare(str2)); // -1
然而，这个方法无法进行不区分大小写的字符串比较，因为它严格按照 Unicode 字符编码进行排序。如果想要实现不区分大小写的字符串比较，需要使用其他的方法。
ES9 中的新特性
ES9 新增了 String.prototype.toLowerCase() 和 String.prototype.toUpperCase() 方法，用于将字符串转换为全小写或全大写。同时，还新增了 String.prototype.localeCompare() 方法的第二个参数，用于传递选项对象。
在这个选项对象中，有一个 sensitivity 属性，用于指定字符串比较的敏感性。如果将 sensitivity 属性设置为 'base'，则字符串比较将按照普通字符进行比较，忽略字符的大小写和变音符号。这样，就可以实现不区分大小写的字符串比较了。
下面我们来看一个例子：
const str1 = 'Apple';
const str2 = 'apple';
console.log(str1.toLowerCase().localeCompare(str2.toLowerCase(), undefined, { sensitivity: 'base' })); // 0在上面的代码中，我们先使用 toLowerCase() 方法将两个字符串都转换为全小写，然后再通过 localeCompare() 方法进行字符串比较。在选项对象中，将 sensitivity 属性设置为 'base'，可以让字符串比较忽略大小写和变音符号，最终输出 0 表示两个字符串相等。
总结
通过 ES9 中新增的 String.prototype.toLowerCase() 和 String.prototype.toUpperCase() 方法，并结合 String.prototype.localeCompare() 方法中的 sensitivity 属性，我们可以实现不区分大小写的字符串比较。这个功能在前端开发中非常实用，可以提高代码的可读性和开发效率。
下面是一个完整的示例代码：
const str1 = 'Apple';
const str2 = 'apple';
console.log(str1.toLowerCase().localeCompare(str2.toLowerCase(), undefined, { sensitivity: 'base' })); // 0来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651fbed095b1f8cacd742823