在 JavaScript 中使 Array.indexOf() 不区分大小写
要通过执行不区分大小写的查找来获取元素的索引,我们必须:
-
使用函数调用
Array.findIndex
方法 - 该函数应将数组元素和字符串转换为小写并进行相等性检查
-
Array.findIndex
方法返回元素的索引,如果没有元素满足条件则返回 -1
// Not Supported in IE 6-11
const arr = ['HELLO', 'WORLD'];
const str = 'world';
const index = arr.findIndex(element => {
return element.toLowerCase() === str.toLowerCase();
});
console.log(index); // 👉️ 1
if (index !== -1) {
// 👉️ string is in the array
}
我们传递给 Array.findIndex
方法的函数会针对数组的每个元素进行调用,直到它返回真值或遍历所有元素。
在代码片段中,我们将数组元素和字符串都转换为小写,以使比较不区分大小写。
通过将元素和字符串转换为大写可以实现相同的结果。
该字符串包含在索引 1 处的数组中,因此这是 Array.findIndex
的返回值。
如果相等比较从未返回 true,则 Array.findIndex 将返回 -1。
我们无法通过使用 Array.indexOf 执行不区分大小写的查找来获取元素的索引,因为该方法直接接收值并且不允许我们遍历每个数组元素并操作它们(例如小写)。
请注意,Internet Explorer 6-11 不支持
Array.findIndex
,因此如果您必须支持浏览器,请确保获取 polyfill 或使用 babel 将我们的代码转换为浏览器可以理解的旧版本的 JavaScript。
相关文章
使用 CSS 和 JavaScript 制作文本闪烁
发布时间:2023/04/28 浏览次数:146 分类:CSS
-
本文提供了使用 CSS、JavaScript 和 jQuery 使文本闪烁的详细说明。
在 PHP 变量中存储 Div Id 并将其传递给 JavaScript
发布时间:2023/03/29 浏览次数:69 分类:PHP
-
本文教导将 div id 存储在 PHP 变量中并将其传递给 JavaScript 代码。
在 JavaScript 中从字符串中获取第一个字符
发布时间:2023/03/24 浏览次数:93 分类:JavaScript
-
在本文中,我们将看到如何使用 JavaScript 中的内置方法获取字符串的第一个字符。
在 JavaScript 中获取字符串的最后一个字符
发布时间:2023/03/24 浏览次数:141 分类:JavaScript
-
本教程展示了在 javascript 中获取字符串最后一个字符的方法