在现代的前端开发中，我们通常会使用 Array.indexOf() 方法来查找一个元素在数组中的位置。然而，这种方法在 Internet Explorer (IE) 浏览器中可能会遇到问题。本文将介绍这个问题的原因，并提供解决方案和示例代码。
问题描述
当使用 Array.indexOf() 方法时，如果指定的元素不存在于数组中，则该方法应该返回 -1。然而，在 IE 浏览器中，如果传递给 Array.indexOf() 的参数是 undefined，则会抛出一个错误，而不是返回 -1。例如，下面的代码：
--- --- - --- -- --- --- --- - ----------------------- -- ----------- -- ----- -- --------
这个问题存在于 IE8 及更早期版本的浏览器中。在 IE9 及更高版本中，已经修复了这个问题。但是，如果您需要支持较旧的 IE 版本，则需要找到一种解决方案。
解决方案
为了解决这个问题，我们可以自定义一个函数来替代 Array.indexOf() 方法。这个函数将检查待查找的元素是否为 undefined，并根据情况返回 -1 或者真正的索引值。
下面是一个示例函数：
-------- -------------- -------------- ---------- -
--- --- - -----------
-- -- --------- --
--- --- - ------------------- -- --
-- ---- - -- -
--- - --- - ---- -- -- --------- ----------
-
-- ------
--- -- --- - ---- ------ -
-- ----- -- ---- -- --------- --- ------------- -- ---------------- -- ------------------------
------ ----
-
-
------ --- -- -----
-这个函数与 Array.indexOf() 方法类似，但是它会先检查待查找的元素是否为 undefined，如果是则直接返回 -1，否则就像 Array.indexOf() 方法一样查找元素。
示例代码
下面是一个测试示例，演示了如何使用 myIndexOf() 函数来查找数组中的元素：
--- --- - --- -- ---------- --- -------------------------- ------------ -- --- - -------------------------- ------ -- --- --
结论
虽然 Array.indexOf() 方法在现代浏览器中工作良好，但是在 IE8 及更早期版本的浏览器中可能会出现问题。通过自定义一个替代函数，我们可以轻松地解决这个问题，并确保代码在所有浏览器中都能正常运行。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/8523