Cách sửa lỗi Array indexOf () trong JavaScript cho trình duyệt Internet Explorer

Nếu bạn đã làm việc với JavaScript ở bất kỳ độ dài nào, bạn biết rằng Internet Explorer không triển khai chức năng ECMAScript cho Array.prototype.indexOf () [bao gồm cả Internet Explorer 8]. Đây không phải là một vấn đề lớn, bởi vì bạn có thể mở rộng chức năng trên trang của mình bằng mã sau đây.

Array.prototype.indexOf = function(obj, start) {
     for (var i = (start || 0), j = this.length; i < j; i++) {
         if (this[i] === obj) { return i; }
     }
     return -1;
}

Khi nào tôi nên thực hiện điều này?

Tôi có nên bọc nó trên tất cả các trang của mình bằng kiểm tra sau, kiểm tra xem hàm nguyên mẫu có tồn tại không và nếu không, hãy tiếp tục và mở rộng nguyên mẫu Array?

if (!Array.prototype.indexOf) {

    // Implement function here

}

Hoặc kiểm tra trình duyệt và nếu đó là Internet Explorer thì chỉ cần thực hiện nó?

//Pseudo-code

if (browser == IE Style Browser) {

     // Implement function here

}

Làm như thế này ...

if (!Array.prototype.indexOf) {

}

Theo khuyến nghị của MDC .

Nói chung, mã phát hiện trình duyệt là một không lớn.

Ngoài ra, bạn có thể sử dụng hàm inArray jQuery 1.2 , hoạt động trên các trình duyệt:

jQuery.inArray( value, array [, fromIndex ] )

Mã đầy đủ sau đó sẽ là:

if (!Array.prototype.indexOf) {
    Array.prototype.indexOf = function(obj, start) {
         for (var i = (start || 0), j = this.length; i < j; i++) {
             if (this[i] === obj) { return i; }
         }
         return -1;
    }
}

Để có câu trả lời thực sự kỹ lưỡng và mã cho vấn đề này cũng như các hàm mảng khác, hãy kiểm tra câu hỏi Stack Overflow Sửa các hàm JavaScript Array trong Internet Explorer (indexOf, forEach, v.v.) .

Thư viện underscore.js có chức năng indexOf mà bạn có thể sử dụng thay thế:

_.indexOf([1, 2, 3], 2)

Bạn nên kiểm tra nếu nó không được xác định bằng cách sử dụng if (!Array.prototype.indexOf).

Ngoài ra, việc thực hiện của bạn indexOflà không chính xác. Bạn phải sử dụng ===thay vì ==trong if (this[i] == obj)tuyên bố của mình , nếu không [4,"5"].indexOf(5)sẽ là 1 theo cách triển khai của bạn, điều này không chính xác.

Tôi khuyên bạn nên sử dụng triển khai trên MDC .

Có giải pháp chính thức của Mozilla: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf

(function() {
    /**Array*/
    // Production steps of ECMA-262, Edition 5, 15.4.4.14
    // Reference: http://es5.github.io/#x15.4.4.14
    if (!Array.prototype.indexOf) {
        Array.prototype.indexOf = function(searchElement, fromIndex) {
            var k;
            // 1. Let O be the result of calling ToObject passing
            //    the this value as the argument.
            if (null === this || undefined === this) {
                throw new TypeError('"this" is null or not defined');
            }
            var O = Object(this);
            // 2. Let lenValue be the result of calling the Get
            //    internal method of O with the argument "length".
            // 3. Let len be ToUint32(lenValue).
            var len = O.length >>> 0;
            // 4. If len is 0, return -1.
            if (len === 0) {
                return -1;
            }
            // 5. If argument fromIndex was passed let n be
            //    ToInteger(fromIndex); else let n be 0.
            var n = +fromIndex || 0;
            if (Math.abs(n) === Infinity) {
                n = 0;
            }
            // 6. If n >= len, return -1.
            if (n >= len) {
                return -1;
            }
            // 7. If n >= 0, then Let k be n.
            // 8. Else, n<0, Let k be len - abs(n).
            //    If k is less than 0, then let k be 0.
            k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
            // 9. Repeat, while k < len
            while (k < len) {
                // a. Let Pk be ToString(k).
                //   This is implicit for LHS operands of the in operator
                // b. Let kPresent be the result of calling the
                //    HasProperty internal method of O with argument Pk.
                //   This step can be combined with c
                // c. If kPresent is true, then
                //    i.  Let elementK be the result of calling the Get
                //        internal method of O with the argument ToString(k).
                //   ii.  Let same be the result of applying the
                //        Strict Equality Comparison Algorithm to
                //        searchElement and elementK.
                //  iii.  If same is true, return k.
                if (k in O && O[k] === searchElement) {
                    return k;
                }
                k++;
            }
            return -1;
        };
    }
})();

Tôi muốn giới thiệu điều này cho bất cứ ai đang tìm kiếm chức năng bị thiếu:

http://code.google.com.vn/p/ddr-ecma5/

Nó mang lại hầu hết các chức năng ecma5 còn thiếu cho các trình duyệt cũ hơn :)

Đây là thực hiện của tôi. Về cơ bản, thêm phần này trước bất kỳ tập lệnh nào khác trên trang. tức là trong chủ của bạn cho một giải pháp toàn cầu cho Internet Explorer 8. Tôi cũng đã thêm vào chức năng cắt mà dường như được sử dụng trong phân bổ các khung.

<!--[if lte IE 8]>
<script>
    if (!Array.prototype.indexOf) {
        Array.prototype.indexOf = function(obj, start) {
            for (var i = (start || 0), j = this.length; i < j; i++) {
                if (this[i] === obj) {
                    return i;
                }
            }
            return -1;
        };
    }

    if(typeof String.prototype.trim !== 'function') {
        String.prototype.trim = function() {
            return this.replace(/^\s+|\s+$/g, '');
        };
    };
</script>
<![endif]-->

nó làm việc cho tôi

if (!Array.prototype.indexOf) {
  Array.prototype.indexOf = function(elt /*, from*/) {
    var len = this.length >>> 0;

    var from = Number(arguments[1]) || 0;
    from = (from < 0)? Math.ceil(from) : Math.floor(from);
    if (from < 0)
    from += len;

    for (; from < len; from++) {
      if (from in this && this[from] === elt)
        return from;
    }
    return -1;
  };
}

Với Underscore.js

var arr=['a','a1','b'] _.filter(arr, function(a){ return a.indexOf('a') > -1; })