jQuery查找数组项目的索引

使用简单的 jQuery 代码片段查找已知项值的数组项的索引。这有点类似于 .NET 的 Array.FindIndex 方法，但使用了 inArray 函数。

// 语法
jQuery.inArray(value, array)

// 示例
jQuery.inArray("Sam", array)

jQuery 索引查找和数组项的常见问题解答

JavaScript 中的 findIndex() 方法如何工作？

JavaScript 中的 findIndex() 方法是一个内置函数，用于查找数组中第一个满足提供测试函数的元素的索引。它对数组中的每个索引执行一次函数，直到找到函数返回真值的一个索引。如果找到这样的元素，findIndex() 会立即返回该元素的索引。否则，它返回 -1。

JavaScript 中 findIndex() 和 indexOf() 的区别是什么？

findIndex() 和 indexOf() 都用于查找数组中元素的索引。但是，它们之间存在一些关键区别。indexOf() 方法返回可以在数组中找到给定元素的第一个索引，如果不存在则返回 -1。它使用严格相等（与 === 或三等号运算符相同的方法）来比较元素。另一方面，findIndex() 对数组中的每个元素执行回调函数，直到回调函数返回真值，然后它返回该元素的索引。如果没有找到这样的元素，它返回 -1。

我可以在 jQuery 中使用 findIndex() 吗？

是的，你可以在 jQuery 中使用 findIndex()。但是，需要注意的是，jQuery 没有内置的 findIndex() 方法。相反，您可以使用 $.inArray() 方法，它类似于 JavaScript 的 indexOf() 方法。如果你想在 jQuery 中使用 findIndex()，你需要先将你的 jQuery 对象转换为 JavaScript 数组。

如何在对象数组中使用 findIndex()？

你可以通过提供一个检查特定条件的回调函数来在对象数组中使用 findIndex()。回调函数应该对你正在查找的对象返回 true，对所有其他对象返回 false。这是一个例子：

let array = [{id: 1, name: 'John'}, {id: 2, name: 'Jane'}, {id: 3, name: 'Joe'}];
let index = array.findIndex(obj => obj.id === 2);
console.log(index); // 输出：1

如果有多个元素满足 findIndex() 中的测试函数会发生什么？

如果有多个元素满足 findIndex() 中的测试函数，该方法将返回第一个满足该函数的元素的索引。它不会继续检查数组中剩余的元素。

我可以在字符串上使用 findIndex() 吗？

不可以，你不能在字符串上使用 findIndex()。findIndex() 方法仅适用于数组对象。如果你想在字符串中查找字符或子字符串的索引，可以使用 indexOf() 或 lastIndexOf() 方法。

findIndex() 是否在所有浏览器中都受支持？

findIndex() 方法在 Internet Explorer 中不受支持。但是，它在所有现代浏览器中都受支持，包括 Chrome、Firefox、Safari 和 Edge。

我可以在多维数组中使用 findIndex() 吗？

是的，你可以在多维数组中使用 findIndex()。但是，你需要提供一个可以处理嵌套数组的回调函数。回调函数需要迭代子数组并检查你正在查找的条件。

如何使用 findIndex() 查找满足条件的最后一个元素？

findIndex() 方法只返回第一个满足提供的测试函数的元素的索引。如果你想查找满足条件的最后一个元素，你需要先使用 reverse() 方法反转数组，然后调用 findIndex()。

我可以在类型化数组中使用 findIndex() 吗？

是的，你可以在类型化数组中使用 findIndex()。类型化数组是一个类似 JavaScript 数组的对象，并提供了一种访问原始二进制数据的方法。就像常规数组一样，你可以使用 findIndex() 来查找类型化数组中第一个满足提供的测试函数的元素的索引。

以上是jQuery查找数组项目的索引的详细内容。更多信息请关注PHP中文网其他相关文章！