Tại sao indexOf không hoạt động trên mảng IE8?

Chức năng dưới đây hoạt động tốt trên Opera, Firefox và Chrome. Tuy nhiên, trong IE8 nó không thành công if ( allowed.indexOf(ext[1]) == -1).

Có ai biết tại sao không? Có bất kỳ sai lầm rõ ràng?

function CheckMe() {
    var allowed = new Array('docx','xls','xlsx', 'mp3', 'mp4', '3gp', 'sis', 'sisx', 'mp3', 'wav', 'mid', 'amr', 'jpg', 'gif', 'png', 'jpeg', 'txt', 'pdf', 'doc', 'rtf', 'thm', 'rar', 'zip', 'htm', 'html', 'css', 'swf', 'jar', 'nth', 'aac', 'cab', 'wgz');
    var fileinput=document.getElementById('f');
    var ext = fileinput.value.toLowerCase().split('.');
    if ( allowed.indexOf(ext[1]) == -1) 
    {
        document.getElementById('uploadsec').innerHTML = document.getElementById('uploadsec').innerHTML;
        alert('This file type is not allowed!');
    }
}

Các phiên bản IE trước IE9 không có .indexOf()chức năng cho Array, để xác định phiên bản thông số kỹ thuật chính xác , hãy chạy phiên bản này trước khi thử sử dụng nó:

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

Đây là phiên bản từ MDN , được sử dụng trong Firefox / SpiderMonkey. Trong các trường hợp khác như IE, nó sẽ thêm .indexOf()vào trong trường hợp nó bị thiếu ... về cơ bản là IE8 hoặc thấp hơn vào thời điểm này.

Nếu bạn đang sử dụng jQuery, bạn có thể sử dụng $ .inArray () .

Nếu bạn đang sử dụng jQuery và muốn tiếp tục sử dụng indexOf mà không phải lo lắng về các vấn đề tương thích, bạn có thể làm điều này:

if (!Array.prototype.indexOf) {
    Array.prototype.indexOf = function(val) {
        return jQuery.inArray(val, this);
    };
}

Điều này hữu ích khi bạn muốn tiếp tục sử dụng indexOfnhưng cung cấp dự phòng khi không có sẵn.

Để giải thích và giải quyết thực sự kỹ lưỡng, không chỉ đối với indexOf mà các hàm mảng khác bị thiếu trong IE, hãy xem câu hỏi StackOverflow Sửa các hàm JavaScript Array trong Internet Explorer (indexOf, forEach, v.v.)

Hãy cẩn thận với $ .inArray nếu bạn muốn sử dụng nó. Tôi mới phát hiện ra rằng $ .inArray chỉ hoạt động với "Array", không phải với String. Đó là lý do tại sao chức năng này sẽ không hoạt động trong IE8!

API jQuery gây nhầm lẫn

Phương thức $ .inArray () tương tự như phương thức .indexOf () gốc của JavaScript ở chỗ nó trả về -1 khi không tìm thấy kết quả khớp. Nếu phần tử đầu tiên trong mảng khớp với giá trị, $ .inArray () trả về 0

-> Họ không nên nói nó "Tương tự". Vì indexOf cũng hỗ trợ "Chuỗi"!

Vấn đề

IE <= 8 đơn giản là không có indexOf()phương thức cho mảng.

Giải pháp

Nếu bạn cần indexOftrong IE <= 8, bạn nên xem xét sử dụng polyfill sau , được khuyến nghị tại MDN :

if (!Array.prototype.indexOf) {
    Array.prototype.indexOf = function(searchElement, fromIndex) {
        var k;
        if (this == null) {
            throw new TypeError('"this" is null or not defined');
        }
        var o = Object(this);
        var len = o.length >>> 0;
        if (len === 0) {
            return -1;
        }
        var n = +fromIndex || 0;
        if (Math.abs(n) === Infinity) {
            n = 0;
        }
        if (n >= len) {
            return -1;
        }
        k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
        while (k < len) {
            if (k in o && o[k] === searchElement) {
                return k;
            }
            k++;
        }
        return -1;
    };
}

Giảm thiểu:

Array.prototype.indexOf||(Array.prototype.indexOf=function(r,t){var n;if(null==this)throw new TypeError('"this" is null or not defined');var e=Object(this),i=e.length>>>0;if(0===i)return-1;var a=+t||0;if(Math.abs(a)===1/0&&(a=0),a>=i)return-1;for(n=Math.max(a>=0?a:i-Math.abs(a),0);i>n;){if(n in e&&e[n]===r)return n;n++}return-1});

Bạn có thể sử dụng điều này để thay thế chức năng nếu nó không tồn tại:

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