“Đối tượng không hỗ trợ thuộc tính hoặc phương thức 'find'" trong IE

Question 1

<!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>

Đoạn mã được đăng ở trên đang hoạt động bình thường trên Firefox và Chrome nhưng tôi gặp lỗi trong Internet Explorer. Thông báo lỗi:

Đối tượng không hỗ trợ thuộc tính hoặc phương pháp 'tìm'

Question 2

Đây là một công việc xung quanh. Bạn có thể sử dụng bộ lọc thay vì tìm; nhưng bộ lọc trả về một mảng các đối tượng phù hợp. findchỉ trả về kết quả phù hợp đầu tiên bên trong một mảng. Vì vậy, tại sao không sử dụng bộ lọc như sau;

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

Question 3

Như đã đề cập array.find()không được hỗ trợ trong IE.

Tuy nhiên, bạn có thể đọc về Polyfill tại đây:

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

Phương pháp này đã được thêm vào đặc tả ECMAScript 2015 và có thể chưa có sẵn trong tất cả các triển khai JavaScript. Tuy nhiên, bạn có thể polyfill Array.prototype.find bằng đoạn mã sau:

Mã:

// 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;
    }
  });
}

Question 4

Bạn đang sử dụng array.find()phương pháp JavaScript . Lưu ý rằng đây là JS chuẩn và không liên quan gì đến jQuery. Trên thực tế, toàn bộ mã của bạn trong câu hỏi hoàn toàn không sử dụng jQuery.

Bạn có thể tìm thấy tài liệu array.find()tại đây: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/find

Nếu bạn cuộn xuống cuối trang này, bạn sẽ lưu ý rằng nó có thông tin hỗ trợ trình duyệt và bạn sẽ thấy rằng nó nói rằng IE không hỗ trợ phương pháp này.

Trớ trêu thay, cách tốt nhất của bạn để giải quyết vấn đề này là sử dụng jQuery, có chức năng tương tự được hỗ trợ trong tất cả các trình duyệt.

Question 5

Array.prototype.find không được hỗ trợ trong bất kỳ phiên bản IE nào

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find

Question 6

Tôi đã giải quyết vấn đề tương tự bằng cách thêm polyfill sau:

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

Polyfill là một đoạn mã (thường là JavaScript trên Web) được sử dụng để cung cấp chức năng hiện đại trên các trình duyệt cũ hơn vốn không hỗ trợ nó.

Hy vọng ai đó thấy điều này hữu ích.

Question 7

Chỉ nhằm mục đích đề cập đến phương pháp tìm dấu gạch dưới hoạt động trong IE mà không có vấn đề gì.

Question 8

Các Array.findhỗ trợ phương pháp cho các trình duyệt của Microsoft bắt đầu với cạnh .

Bảng tương thích của W3Schools nói rằng hỗ trợ bắt đầu trên phiên bản 12, trong khi bảng tương thích Tôi có thể sử dụng cho biết rằng hỗ trợ không xác định giữa phiên bản 12 và 14, được hỗ trợ chính thức bắt đầu từ phiên bản 15.