Mengapa indexOf tidak berfungsi pada IE8 array?

Fungsi di bawah berfungsi dengan baik di Opera, Firefox dan Chrome. Namun, di IE8 gagal pada if ( allowed.indexOf(ext[1]) == -1)bagian tersebut.

Adakah yang tahu mengapa? Apakah ada kesalahan yang jelas?

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

Versi IE sebelum IE9 tidak memiliki .indexOf()fungsi untuk Array, untuk menentukan versi spesifikasi yang tepat , jalankan ini sebelum mencoba menggunakannya:

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

Ini adalah versi dari MDN , digunakan di Firefox / SpiderMonkey. Dalam kasus lain seperti IE, itu akan menambah .indexOf()dalam kasus itu hilang ... pada dasarnya IE8 atau di bawah pada saat ini.

Jika Anda menggunakan jQuery, Anda dapat menggunakan $ .inArray () sebagai gantinya.

Jika Anda menggunakan jQuery dan ingin tetap menggunakan indexOf tanpa khawatir tentang masalah kompatibilitas, Anda dapat melakukan ini:

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

Ini membantu ketika Anda ingin tetap menggunakan indexOftetapi memberikan fallback ketika itu tidak tersedia.

Untuk penjelasan dan penyelesaian yang sangat menyeluruh, tidak hanya untuk indexOf tetapi fungsi array lain yang hilang di IE, periksa pertanyaan StackOverflow Memperbaiki fungsi JavaScript Array di Internet Explorer (indexOf, forEach, dll.)

Harap berhati-hati dengan $ .inArray jika Anda ingin menggunakannya. Saya baru tahu bahwa $ .inArray hanya berfungsi dengan "Array", bukan dengan String. Itu sebabnya fungsi ini tidak akan berfungsi di IE8!

API jQuery membuat kebingungan

Metode $ .inArray () mirip dengan metode .indexOf () asli JavaScript yang mengembalikan -1 ketika tidak menemukan kecocokan. Jika elemen pertama dalam array cocok dengan nilai, $ .inArray () mengembalikan 0

-> Mereka seharusnya tidak mengatakannya "Mirip". Karena indexOf mendukung "String" juga!

Masalah

IE <= 8 tidak memiliki indexOf()metode untuk array.

Solusinya

Jika Anda membutuhkan indexOfdi IE <= 8, Anda harus mempertimbangkan menggunakan polyfill berikut , yang direkomendasikan di 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;
    };
}

Diperkecil:

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

Anda dapat menggunakan ini untuk mengganti fungsi jika tidak ada:

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