Чому indexOf не працює в масиві IE8?

Наведена нижче функція чудово працює в Opera, Firefox та Chrome. Однак в IE8 це не вдається if ( allowed.indexOf(ext[1]) == -1).

Хтось знає, чому? Чи є якась явна помилка?

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

Версії IE перед IE9 не мають .indexOf()функції для масиву, щоб визначити точну версію специфікації , запустіть це перед тим, як спробувати використовувати його:

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

Це версія від MDN , що використовується у Firefox / SpiderMonkey. В інших випадках, таких як IE, він додасть .indexOf()у випадку, якщо він відсутній ... в основному IE8 або нижче в цьому пункті.

Якщо ви використовуєте jQuery, ви можете використовувати замість $ .inArray () .

Якщо ви використовуєте jQuery і хочете продовжувати використовувати indexOf, не турбуючись про проблеми сумісності, ви можете зробити це:

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

Це корисно, коли ви хочете продовжувати користуватися, indexOfале надаєте резервну копію, коли вона недоступна.

Для дійсно ґрунтовного пояснення та вирішення не тільки для indexOf, але й інших функцій масиву, відсутніх у IE, перегляньте питання щодо StackOverflow Виправлення функцій масиву JavaScript в Internet Explorer (indexOf, forEach тощо)

Будьте обережні з $ .inArray, якщо ви хочете ним користуватися. Я щойно дізнався, що $ .inArray працює лише з "Array", а не з String. Ось чому ця функція не працюватиме в IE8!

API jQuery робить плутанину

Метод $ .inArray () схожий на початковий метод JavaScript .indexOf (), оскільки він повертає -1, коли не знаходить відповідності. Якщо перший елемент масиву відповідає значенню, $ .inArray () повертає 0

-> Вони не повинні говорити це "Схоже". Так як indexOf також підтримує "String"!

Проблема

IE <= 8 просто не має indexOf()методу для масивів.

Рішення

Якщо вам потрібен indexOfIE <= 8, слід розглянути можливість використання наступної полісистеми , яка рекомендується в 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;
    };
}

Мінімізовано:

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

Ви можете використовувати цю функцію для заміни функції, якщо її немає:

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