কীভাবে ইন্টারনেট এক্সপ্লোরার ব্রাউজারগুলির জাভাস্ক্রিপ্টে অ্যারে ইনডেক্সঅফ () ঠিক করবেন


295

আপনি যদি জাভাস্ক্রিপ্টের সাথে কোনও দৈর্ঘ্যে কাজ করেছেন তবে আপনি অবগত আছেন যে ইন্টারনেট এক্সপ্লোরার আরে.প্রোটোটাইপ.ইন্ডেক্সঅফ () [ইন্টারনেট এক্সপ্লোরার 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

}

আসলে Array.prototype.indexOfECMA-262 / ECMAScript এর অংশ নয়। দেখুন ecma-international.org/publications/files/ECMA-ST/ECMA-262.pdf আপনি ভাবছেন String.prototype.indexOf...
ক্রিসেন্ট ফ্রেশ

5
এটি একটি এক্সটেনশন, মূল মানের অংশ নয়। এটি অবশ্য জাভাস্ক্রিপ্ট ১.6 এর অংশ হিসাবে প্রয়োগ করা উচিত (যা আইআই ব্যর্থ হয়) বিকাশকারী.মোজিলা.আর.ইন
নতুন_ইন_ জাভা স্ক্রিপ্ট_1.6

1
@ জোশ: কেবলমাত্র "আইই ইসমাস্ক্রিপ্ট ফাংশনটি প্রয়োগ করে না ..." উল্লেখ করছিলেন
ক্রেসেন্ট ফ্রেশ

4
আপনার বাস্তবায়ন Array.indexOfনেতিবাচক সূচকগুলি আমলে নিবে না। মোজিলার পরামর্শ স্টপ-গ্যাপ বাস্তবায়ন এখানে দেখুন: বিকাশকারী.মোজিলা.আর.ইন
জাভা স্ক্রিপ্ট রেফারেন্স গ্লোবাল_অবজেক্টস_… নিক

3
আমি "===" ব্যবহার করার জন্য প্রশ্নটি আপডেট করেছি, কারণ আমি চিন্তিত লোকেরা এটি "==" দিয়ে অনুলিপি করবে এবং এটি ভুল হবে - অন্যথায় এটি ঠিক আছে। এলি গ্রে এর উত্তর দেখুন।
জোশকমলে

উত্তর:


213

এটা এভাবে করো...

if (!Array.prototype.indexOf) {

}

এমডিসি দ্বারা প্রস্তাবিত সামঞ্জস্য হিসাবে ।

সাধারণভাবে, ব্রাউজার সনাক্তকরণ কোডটি একটি বড় নম্বর is


প্রশ্নটি সম্পাদনা করার মতো পর্যাপ্ত পরিমাণ আমার কাছে নেই তবে ইসমাস্ক্রিপ্টের লিঙ্গো সরিয়ে ফেলা এবং উপযুক্ত শব্দটির সাথে প্রতিস্থাপন করতে নির্দ্বিধায় আমার কাছে নেই। আবারও ধন্যবাদ
ববি বোর্সচিচ

12
আপনি যদি এই ধরণের সনাক্তকরণ ব্যবহার করেন তবে সাবধান হন। অন্য কোনও লাইব্রেরি এটি পরীক্ষা করার আগে এই ফাংশনটি প্রয়োগ করতে পারে এবং এটি মানদণ্ডের সাথে সামঞ্জস্যপূর্ণ নাও হতে পারে (প্রোটোটাইপ এটি কিছুক্ষণ আগে সম্পন্ন করেছে)) আমি যদি প্রতিকূল পরিবেশে (প্রচুর স্বতন্ত্র গ্রন্থাগার ব্যবহার করে প্রচুর অন্যান্য কোডার) কাজ করতাম তবে আমি এগুলির
পাবলো ক্যাবেরা

"লিঙ্কযুক্ত" কলাম ---> সত্যই কার্যকর! আমি উত্তরটি এখানে ভালবাসি: stackoverflow.com/questions/1744310/…
গর্ডন

এটি কি প্রতিটি জেএস ফাইলের মধ্যে আবৃত থাকতে হবে?
rd22

এমডিসি ঠিক কে?
ফেরিবিগ

141

বিকল্পভাবে, আপনি jQuery 1.2 in অ্যারে ফাংশনটি ব্যবহার করতে পারেন , যা ব্রাউজারগুলিতে কাজ করা উচিত:

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

'ইনডেক্সফ' নেটিভ কোড (ডানদিকে), তাই jQuery 'inArray ()' তত দ্রুত হবে যেমন পাওয়া যায় যখন নেটিভ ব্যবহার করা হয় এবং যখন পলি-ফিল হয় না?
জেচ

10
ঠিক আছে তাই আমার নিজের মন্তব্যের জবাব দেওয়ার জন্য (উপরে), আমি কেবল এটি প্রয়োগ করেছি এবং ক্রোমে এটি যখন আমি 'ইন্ডেক্সফ ()' ব্যবহার করছিলাম তত দ্রুত, তবে আই 8 এ এটি খুব, খুব ধীর ... তাই কমপক্ষে আমরা জানি যেটি 'ইনআর্রে ()' পারে যখন দেশীয় ব্যবহার করে।
পৌঁছে যান

78

সম্পূর্ণ কোডটি হ'ল:

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

এর সত্যিকারের পুরো উত্তর এবং কোডের পাশাপাশি অন্যান্য অ্যারে ফাংশনগুলির জন্য স্ট্যাক ওভারফ্লো প্রশ্নটি ইন্টারনেট এক্সপ্লোরারে জাভাস্ক্রিপ্ট অ্যারে ফাংশন ফিক্সিং (ইনডেক্সফ, ফরএচ ইত্যাদি) দেখুন


2
পুরো জিনিস রাখার জন্য আপনাকে ধন্যবাদ। যখনই কোনও নতুন প্রকল্পে আমার ক্রস-প্ল্যাটফর্ম সূচকের প্রয়োজন হয় আমি এই পৃষ্ঠাটি ঘন ঘন ঘুরে দেখি এবং আপনার স্নিপেটই কেবলমাত্র পূর্ণ কোড সহ। :) যখন এই পৃষ্ঠাটি ঘনিয়ে আসে তখন এই কয়েক সেকেন্ড সত্যই জুড়ে যায়।
dylnmc

16

আন্ডারস্কোর.জেএস লাইব্রেরিতে একটি সূচিপত্র রয়েছে যা আপনি পরিবর্তে ব্যবহার করতে পারেন:

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

4
এই উত্তরটি অ্যারের প্রোটোটাইপের সাথে জগাখিচুড়ি এড়ানো যায় এবং এটি উপলব্ধ হলে নেটিভ সূচকগুলিতে প্রেরণ করে। আমি এটা পছন্দ করি.
ব্র্যাড কোচ

আপনি আন্ডারস্কোর বা লড্যাশ অন্তর্ভুক্ত করতে সক্ষম হলে সবচেয়ে সহজ উপায় বলে মনে হচ্ছে
ক্রিসরিচ

10

এটি ব্যবহার করে সংজ্ঞায়িত করা হয়নি কিনা তা আপনার পরীক্ষা করা উচিত if (!Array.prototype.indexOf)

এছাড়াও, আপনার বাস্তবায়ন indexOfসঠিক নয়। আপনার বিবৃতিতে ===পরিবর্তে আপনাকে অবশ্যই ব্যবহার করতে হবে , অন্যথায় আপনার প্রয়োগ অনুসারে 1 হবে যা ভুল।==if (this[i] == obj)[4,"5"].indexOf(5)

আমি আপনাকে এমডিসিতে প্রয়োগটি ব্যবহার করার পরামর্শ দিচ্ছি ।


9

মজিলা অফিসিয়াল সমাধান রয়েছে: https://developer.mozilla.org/en-US/docs/Web/ জাভা স্ক্রিপ্ট / রেফারেন্স / গ্লোবাল_অবজেক্টস / অ্যারে / ইন্ডেক্সঅফ

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

1
শুধু পেডেন্টিক হওয়া কিন্তু এমডিএন কেবল মজিলা নয়। এটি একটি সম্প্রদায়ভিত্তিক প্রকল্প যা মজিলা কর্মীদের অন্তর্ভুক্ত তবে স্বেচ্ছাসেবীরাও, যে কেউ যোগ দিতে এবং অবদান রাখতে পারেন।
ste2425

5

নিখুঁত কার্যকারিতা খুঁজছেন এমন কাউকে আমি এটির পরামর্শ দেব:

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

এটি পুরানো ব্রাউজারগুলিতে হারিয়ে যাওয়া একমা 5 কার্যকারিতা নিয়ে আসে :)


** যদিও আমি লক্ষ করব যে এই লিবটি নিয়ে আই 7-তে আমার সমস্যা হয়েছিল।
জোশ ম্যাক

2

এটি ছিল আমার বাস্তবায়ন। মূলত, পৃষ্ঠাটিতে অন্য কোনও স্ক্রিপ্টগুলির আগে এটি যুক্ত করুন। অর্থাত্ ইন্টারনেট এক্সপ্লোরার ৮ এর জন্য বিশ্বব্যাপী সমাধানের জন্য আপনার মাস্টারে I আমি ট্রিম ফাংশনটিতেও যুক্ত করেছি যা ফ্রেমওয়ার্কগুলি বরাদ্দে ব্যবহৃত হয় বলে মনে হয়।

<!--[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]-->

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

1

অ্যান্ডস্কোর.জেএস সহ

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

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.