如何修复Internet Explorer浏览器JavaScript中的数组indexOf()

如何修复Internet Explorer浏览器JavaScript中的数组indexOf(),javascript,internet-explorer,internet-explorer-8,cross-browser,Javascript,Internet Explorer,Internet Explorer 8,Cross Browser,如果您在任何时候使用过JavaScript,您都会知道InternetExplorer没有为Array.prototype.indexOf()实现ECMAScript函数[包括InternetExplorer8]。这不是一个大问题,因为您可以使用以下代码扩展页面上的功能 Array.prototype.indexOf = function(obj, start) { for (var i = (start || 0), j = this.length; i < j; i++) {

如果您在任何时候使用过JavaScript,您都会知道InternetExplorer没有为Array.prototype.indexOf()实现ECMAScript函数[包括InternetExplorer8]。这不是一个大问题,因为您可以使用以下代码扩展页面上的功能

Array.prototype.indexOf = function(obj, start) {
     for (var i = (start || 0), j = this.length; i < j; i++) {
         if (this[i] === obj) { return i; }
     }
     return -1;
}
或者做浏览器检查,如果它是InternetExplorer然后只是实现它

//Pseudo-code

if (browser == IE Style Browser) {

     // Implement function here

}
像这样做

if (!Array.prototype.indexOf) {

}
作为


一般来说,浏览器检测代码是一个大禁忌。

如果(!Array.prototype.indexOf)您应该检查它是否没有定义

此外,
indexOf
的实现也不正确。在
if(这个[i]==obj)
语句中,必须使用
===
而不是
=
,否则
[4,“5]”。根据您的实现,indexOf(5)
将是1,这是不正确的


我建议您使用。

或者,您可以使用,它可以跨浏览器工作:

jQuery.inArray( value, array [, fromIndex ] )

完整的代码如下:

if (!Array.prototype.indexOf) {
    Array.prototype.indexOf = function(obj, start) {
         for (var i = (start || 0), j = this.length; i < j; i++) {
             if (this[i] === obj) { return i; }
         }
         return -1;
    }
}
if(!Array.prototype.indexOf){
Array.prototype.indexOf=函数(obj,start){
对于(var i=(start | | 0),j=this.length;i

有关此函数以及其他数组函数的详细答案和代码,请查看堆栈溢出问题。

下划线.js库中有一个函数可供您使用:

_.indexOf([1, 2, 3], 2)

我向任何寻找缺失功能的人推荐:


它将大部分缺少的ecma5功能引入到老浏览器中:)

这是我的实现。基本上,在页面上的任何其他脚本之前添加此脚本。i、 e.在您的master中为Internet Explorer 8提供全局解决方案。我还添加了trim函数,它似乎用于框架的分配

<!--[if lte IE 8]>
<script>
    if (!Array.prototype.indexOf) {
        Array.prototype.indexOf = function(obj, start) {
            for (var i = (start || 0), j = this.length; i < j; i++) {
                if (this[i] === obj) {
                    return i;
                }
            }
            return -1;
        };
    }

    if(typeof String.prototype.trim !== 'function') {
        String.prototype.trim = function() {
            return this.replace(/^\s+|\s+$/g, '');
        };
    };
</script>
<![endif]-->

带有下划线.js

var arr=['a','a1','b']

_.filter(arr,函数(a){返回a.indexOf('a')>-1;})

有Mozilla官方解决方案:

(函数(){
/**排列*/
//ECMA-262第5版15.4.4.14的生产步骤
//参考:http://es5.github.io/#x15.4.4.14
if(!Array.prototype.indexOf){
Array.prototype.indexOf=函数(searchElement,fromIndex){
var-k;
//1.让O作为调用ToObject传递的结果
//将此值作为参数。
如果(空===此| |未定义===此){
抛出新的TypeError(“'this'为null或未定义”);
}
var O=对象(此);
//2.让lenValue作为调用Get的结果
//带参数“length”的O的内部方法。
//3.将len设为ToUint32(lenValue)。
var len=O.length>>>0;
//4.如果len为0,则返回-1。
如果(len==0){
返回-1;
}
//5.如果传递了参数fromIndex,则n为
//ToInteger(fromIndex);否则n为0。
var n=+fromIndex | | 0;
if(数学绝对值(n)==无穷大){
n=0;
}
//6.如果n>=len,则返回-1。
如果(n>=len){
返回-1;
}
//7.如果n>=0,则k为n。
//8.否则,n=0?n:len-Math.abs(n),0);
//9.当k
这对我很有用

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;
  };
}
if(!Array.prototype.indexOf){
Array.prototype.indexOf=函数(elt/*,from*/){
var len=this.length>>>0;
var from=Number(参数[1])| | 0;
from=(from<0)?Math.ceil(from):Math.floor(from);
如果(从<0开始)
from+=len;
for(;from
实际上
Array.prototype.indexOf
不是ECMA-262/ECMAScript的一部分。请看,您可能正在考虑
String.prototype.indexOf
…它是一个扩展,而不是原始标准的一部分。但是,它应该作为Javascript 1.6的一部分实现(IE没有做到)@Josh:只是指“IE没有实现ECMAScript函数…”您对
数组的实现。indexOf
没有考虑负的起始索引。请参阅此处的Mozilla建议权宜之计实施:我已将问题更新为使用“==”,因为我担心人们会用“==”复制它,这将是错误的——除此之外,这是可以的。请看Eli Grey的回答。我没有足够的代表来编辑这个问题,但请随意删除ECMAScript行话,并用适当的措辞替换。再次感谢。如果你使用这种检测方法,请小心。另一个库可能在您测试它之前实现此函数,并且它可能不符合标准(prototype不久前已经完成了)。如果我在一个充满敌意的环境中工作(许多其他程序员使用大量的distinc)
(function() {
    /**Array*/
    // Production steps of ECMA-262, Edition 5, 15.4.4.14
    // Reference: http://es5.github.io/#x15.4.4.14
    if (!Array.prototype.indexOf) {
        Array.prototype.indexOf = function(searchElement, fromIndex) {
            var k;
            // 1. Let O be the result of calling ToObject passing
            //    the this value as the argument.
            if (null === this || undefined === this) {
                throw new TypeError('"this" is null or not defined');
            }
            var O = Object(this);
            // 2. Let lenValue be the result of calling the Get
            //    internal method of O with the argument "length".
            // 3. Let len be ToUint32(lenValue).
            var len = O.length >>> 0;
            // 4. If len is 0, return -1.
            if (len === 0) {
                return -1;
            }
            // 5. If argument fromIndex was passed let n be
            //    ToInteger(fromIndex); else let n be 0.
            var n = +fromIndex || 0;
            if (Math.abs(n) === Infinity) {
                n = 0;
            }
            // 6. If n >= len, return -1.
            if (n >= len) {
                return -1;
            }
            // 7. If n >= 0, then Let k be n.
            // 8. Else, n<0, Let k be len - abs(n).
            //    If k is less than 0, then let k be 0.
            k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
            // 9. Repeat, while k < len
            while (k < len) {
                // a. Let Pk be ToString(k).
                //   This is implicit for LHS operands of the in operator
                // b. Let kPresent be the result of calling the
                //    HasProperty internal method of O with argument Pk.
                //   This step can be combined with c
                // c. If kPresent is true, then
                //    i.  Let elementK be the result of calling the Get
                //        internal method of O with the argument ToString(k).
                //   ii.  Let same be the result of applying the
                //        Strict Equality Comparison Algorithm to
                //        searchElement and elementK.
                //  iii.  If same is true, return k.
                if (k in O && O[k] === searchElement) {
                    return k;
                }
                k++;
            }
            return -1;
        };
    }
})();
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;
  };
}