Почему 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()функции для Array, чтобы определить точную версию спецификации , запустите ее, прежде чем пытаться ее использовать:

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!

JQuery API создает путаницу

Метод $ .inArray () похож на нативный метод JavaScript .indexOf () в том смысле, что он возвращает -1, если не находит соответствия. Если первый элемент в массиве соответствует значению, $ .inArray () возвращает 0

-> Они не должны говорить это «похоже». Так как indexOf поддержки "String" также!

Эта проблема

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

Решение

Если вам нужно indexOfв IE <= 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>