javascript - इंटरनेट एक्सप्लोरर ब्राउज़र के लिए जावास्क्रिप्ट में ऐरे इंडेक्सऑफ() को कैसे ठीक करें




internet-explorer internet-explorer-8 (7)

यदि आपने किसी भी समय जावास्क्रिप्ट के साथ काम किया है तो आप जानते हैं कि इंटरनेट एक्सप्लोरर Array.prototype.indexOf () [इंटरनेट एक्सप्लोरर 8 सहित) के लिए ECMAScript फ़ंक्शन को लागू नहीं करता है। यह एक बड़ी समस्या नहीं है, क्योंकि आप निम्न कोड के साथ अपने पृष्ठ पर कार्यक्षमता बढ़ा सकते हैं।

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

    // Implement function here

}

या ब्राउज़र की जांच करें और यदि यह इंटरनेट एक्सप्लोरर है तो बस इसे लागू करें?

//Pseudo-code

if (browser == IE Style Browser) {

     // Implement function here

}

Underscore.js के साथ

var arr=['a','a1','b'] _.filter(arr, function(a){ return a.indexOf('a') > -1; })


Underscore.js लाइब्रेरी में एक indexOf है जो आप इसके बजाय उपयोग कर सकते हैं:

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


इससे मेरा काम बनता है।

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

मैं किसी को भी लापता कार्यक्षमता की तलाश करने की सलाह दूंगा:

http://code.google.com/p/ddr-ecma5/

यह पुराने ब्रॉवर्स के लिए लापता ecma5 कार्यक्षमता में से अधिकांश लाता है :)


मोज़िला आधिकारिक समाधान है: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf

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

वैकल्पिक रूप से, आप jQuery 1.2 inArray फ़ंक्शन का उपयोग कर सकते हैं, जो ब्राउज़र पर काम करना चाहिए:

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





cross-browser