IE中的“对象不支持属性或方法'查找'”

77

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

    <script>

        $(document).ready(function () {


            var data = [{
                "Id": "SWE",
                "Country": "Sweden",
                "Population": 9592552
            }, {
                "Id": "NOR",
                "Country": "Norway",
                "Population": 5084190
            }];


            function display(e) {
                alert("E" + e);
                var countryData = data.find(function (element, index, array) {
                    return element.Id === e;
                });
                alert(countryData.Population);
            }
            display('SWE');


        });


    </script>
</head>
</html>

上面发布的代码在Firefox和Chrome上正常运行，但是在Internet Explorer中出现错误。错误信息：

对象不支持属性或方法“查找”

javascript c# visual-studio internet-explorer

— 高宝亚达夫
source

您正在测试哪个版本的IE？另外，它是处于标准模式，兼容模式还是怪异模式？

— 辛巴

嗨@Simba我正在使用IE版本11.0.9660.18321

— GOPAL YADAV

对于检查哪些浏览器支持哪些功能，caniuse.com非常有用，仅供将来参考。

— 雷切尔·加伦

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/...

— 克里斯托夫鲁西研究所

49

这是一个解决方法。您可以使用过滤器而不是查找；但是filter返回匹配对象的数组。find仅返回数组内的第一个匹配项。因此，为什么不使用以下过滤器？

data.filter(function (x) {
         return x.Id === e
    })[0];

— 马希卜
source

3

最近在一个项目中遇到了这个问题，普遍的共识是使用@ babel / polyfill。走了那条路线，发现polyfill实际上产生了一些奇怪的错误，因此我们不得不将其拉出。但是，该解决方案具有很高的针对性，解决了该问题，而没有任何副作用。简单，干净，直接。谢谢！

— David Vasquez

4

对于需要保持IE11兼容的用户来说，最简单，最干净的等效解决方法，谢谢！

— 马克·西戈

1

filter（）和find（）函数之间的主要区别是filter（）仅在第一次出现时就遍历所有数组和find（）。此解决方法可能会导致一些性能问题。

— FilipKováč

43

如前所述array.find()，IE不支持。

但是，您可以在此处阅读有关Polyfill的信息：

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/find#Polyfill

此方法已添加到ECMAScript 2015规范中，可能并非在所有JavaScript实现中都可用。但是，您可以使用以下代码片段填充Array.prototype.find：

码：

// https://tc39.github.io/ecma262/#sec-array.prototype.find
if (!Array.prototype.find) {
  Object.defineProperty(Array.prototype, 'find', {
    value: function(predicate) {
     // 1. Let O be ? ToObject(this value).
      if (this == null) {
        throw new TypeError('"this" is null or not defined');
      }

      var o = Object(this);

      // 2. Let len be ? ToLength(? Get(O, "length")).
      var len = o.length >>> 0;

      // 3. If IsCallable(predicate) is false, throw a TypeError exception.
      if (typeof predicate !== 'function') {
        throw new TypeError('predicate must be a function');
      }

      // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
      var thisArg = arguments[1];

      // 5. Let k be 0.
      var k = 0;

      // 6. Repeat, while k < len
      while (k < len) {
        // a. Let Pk be ! ToString(k).
        // b. Let kValue be ? Get(O, Pk).
        // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
        // d. If testResult is true, return kValue.
        var kValue = o[k];
        if (predicate.call(thisArg, kValue, k, o)) {
          return kValue;
        }
        // e. Increase k by 1.
        k++;
      }

      // 7. Return undefined.
      return undefined;
    }
  });
}

— 奥格拉斯
source

40

您正在使用JavaScriptarray.find()方法。请注意，这是标准的JS，与jQuery无关。实际上，问题中的整个代码根本没有使用jQuery。

您可以在array.find()此处找到文档：https : //developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/find

如果滚动到此页面的底部，则会注意到它具有浏览器支持信息，并且您会看到它指出IE不支持该方法。

具有讽刺意味的是，您最好的解决方法是使用jQuery，它确实具有所有浏览器都支持的类似功能。

— 辛巴
source

第二种选择是滚动自己的for循环，如果由于某些奇怪的原因而您被禁止使用jQuery

— Stephan

22

或者只是做array.filter()[0]

— Rok Burgar，

4

大笑“讽刺意味的是，解决此问题的最佳方法是使用jQuery” :)

— Ivan Durst

33

Array.prototype.find IE的任何版本均不支持

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/find

— 卡尔·马克汉姆
source

9

该页面提供了有用的

— polyfill

1

Polyfill可以很好地工作，它会检查prototype.find是否未定义，然后将其定义为Array.prototype的属性：Object.defineProperty（Array.prototype，'find'，{谢谢！

— Leo

4

我通过添加以下polyfill解决了相同的问题：

<script src="https://cdn.polyfill.io/v3/polyfill.min.js?features=default,Array.prototype.includes,Array.prototype.find"></script>

polyfill是一段代码（通常是Web上的JavaScript），用于在本身不支持它的旧版浏览器中提供现代功能。

希望有人觉得这有帮助。

— 拉胡尔·马哈迪克（Rahul Mahadik）
source

1

非常适合我，非常感谢！！！

— javascript110899

2

仅出于提及下划线的find方法的目的，它在IE中没有问题。

— Elnoor
source

-7

Array.find对Microsoft浏览器的方法支持始于Edge。

在W3Schools的兼容性表指出支持开始12版，而我可以用兼容表说，支持是12版和14间的未知，被正式支持开始于15版本。

— 苏耶什
source

14

IE12不存在。您正在浏览的带有蓝色“ e”徽标的浏览器现在称为Edge，并且与以前的IE明显不同。

— 辛巴