İndexOf neden bir dizi IE8 üzerinde çalışmıyor?

Aşağıdaki işlev Opera, Firefox ve Chrome'da iyi çalışır. Ancak IE8'de bu if ( allowed.indexOf(ext[1]) == -1)parça başarısız oluyor .

Nedenini bilen var mı? Bariz bir hata var mı?

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!');
    }
}

IE9 öncesi IE sürümleri, .indexOf()Array için tam bir işlev sürümünü tanımlamak için bir işleve sahip değildir, bunu kullanmaya çalışmadan önce bunu çalıştırı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;
  };
}

Bu sürümüdür MDN Firefox / SpiderMonkey kullanılan. IE gibi diğer durumlarda, .indexOf()eksik olması durumunda ekleyecektir ... temelde IE8 veya aşağı bu noktada.

JQuery kullanıyorsanız, bunun yerine $ .inArray () kullanabilirsiniz .

JQuery kullanıyorsanız ve uyumluluk sorunları hakkında endişelenmeden indexOf'u kullanmaya devam etmek istiyorsanız, bunu yapabilirsiniz:

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

Bu, kullanmaya devam etmek istediğinizde, indexOfancak kullanılabilir olmadığında bir yedek sağlamak istediğinizde yararlıdır .

Gerçekten kapsamlı bir açıklama ve geçici çözüm için, yalnızca indexOf için değil, IE'de eksik olan diğer dizi işlevleri için StackOverflow sorusunu inceleyin Internet Explorer'da JavaScript Dizisi işlevlerini düzeltme (indexOf, forEach, vb.)

Kullanmak istiyorsanız lütfen $ .inArray ile dikkatli olun. Ben sadece $ .inArray sadece "Array" ile çalışır, String ile öğrendim. Bu nedenle bu işlev IE8'de çalışmaz!

JQuery API'sı kafa karışıklığı yaratıyor

$ .İnArray () yöntemi, bir eşleşme bulamadığında -1 döndürmesi nedeniyle JavaScript'in yerel .indexOf () yöntemine benzer. Dizideki ilk öğe değerle eşleşirse, $ .inArray () 0 döndürür

-> "Benzer" dememeliler. İndexOf beri destek "String"!

Sorun

IE <= 8 indexOf()dizileri için bir yöntem içermiyor .

Çözüm

Eğer gerekiyorsa indexOfIE <= 8'de, aşağıdaki kullanmayı düşünmelisiniz polyfill edilir MDN de tavsiye :

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

Küçültülmüş:

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

Varsa, işlevi değiştirmek için bunu kullanabilirsiniz:

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