javascript - شرح - مميزات الجافا سكريبت




جافا سكريبت: أجمل طريقة لمقارنة قيمة واحدة مقابل قيم متعددة (6)

هذا السؤال لديه بالفعل إجابة هنا:

ما هي أفضل طريقة لمقارنة قيمة واحدة مقابل خيارات مضاعفات؟

أعلم أن هناك الكثير من الطرق للقيام بذلك ، لكني أبحث عن أفضل.

أسأل لأنني كنت آمل أن هذا كان عمليًا (ليس من الواضح تمامًا عند النظر إليه):

if (foobar == (foo||bar) ) {
     //do something
}

أنا أحب الشكل الجميل لاختبار indexOf مع مصفوفة ، ولكن كن على علم ، هذا لا يعمل في جميع المتصفحات ( لأن Array.prototype.indexOf غير موجود في IExplorers القديمة ).

ومع ذلك ، هناك طريقة مشابهة باستخدام jQuery مع الدالة $.inArray() :

if ($.inArray(field, ['value1', 'value2', 'value3']) > -1) {
    alert('value ' + field + ' is into the list'); 
}

يمكن أن يكون أفضل ، لذلك لا ينبغي عليك اختبار ما إذا كان indexOf موجودًا.

كن حذرًا في المقارنة (لا تستخدم == true / false) ، لأن $ .inArray يقوم بإرجاع فهرس الموقع المطابق حيث تم العثور على القيمة ، وإذا كان الفهرس هو 0 ، فسيكون كاذبًا عندما يكون موجودًا بالفعل في المصفوفة.


بما أن لا أحد قد أضاف الحل الواضح بعد والذي يعمل بشكل جيد لمقارنتين ، سأقدمه:

if (foobar === foo || foobar === bar) {
     //do something
}

وإذا كان لديك الكثير من القيم (ربما مئات أو آلاف) ، فحينئذٍ أقترح إنشاء مجموعة حيث أن هذا يجعل رمز المقارنة نظيفًا وبسيطًا وسريعًا في وقت التشغيل:

// pre-construct the Set
var tSet = new Set(["foo", "bar", "test1", "test2", "test3", ...]);

// test the Set at runtime
if (tSet.has(foobar)) {
    // do something
}

بالنسبة لـ Pre-ES6 ، يمكنك الحصول على Set Polyfill التي يوجد منها العديد منها. واحد هو موضح في هذه الإجابة الأخرى .


فقط للركلات ، بما أن سؤال وجواب هذا يبدو وكأنه يتعلق بالتحليل الدقيق للنظرية ، وهو تعديل صغير للغاية لاقتراح André Alçada Padez 's:

(وبالطبع المحاسبة لما قبل IE9 الرقائق / شيف / بوليدهيل وشملت)

if (~[foo, bar].indexOf(foobar)) {
    // pretty
}

لا تحاول أن تكون متسترًا جدًا ، خاصة عندما تؤثر بلا داعٍ على الأداء. إذا كان لديك بالفعل الكثير من المقارنات للقيام به ، فقط قم بتهيئته بشكل جيد.

if (foobar === foo ||
    foobar === bar ||
    foobar === baz ||
    foobar === pew) {
     //do something
}

ما أستخدمه للقيام به هو وضع تلك القيم المتعددة في مصفوفة مثل

var options = [foo, bar];

ثم استخدم indexOf ()

if(options.indexOf(foobar) > -1){
   //do something
}

للتجميل:

if([foo, bar].indexOf(foobar) +1){
   //you can't get any more pretty than this :)
}

وللمتصفحات القديمة:
( https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/IndexOf )

if (!Array.prototype.indexOf) {
    Array.prototype.indexOf = function (searchElement /*, fromIndex */ ) {
        "use strict";
        if (this == null) {
            throw new TypeError();
        }
        var t = Object(this);
        var len = t.length >>> 0;
        if (len === 0) {
            return -1;
        }
        var n = 0;
        if (arguments.length > 0) {
            n = Number(arguments[1]);
            if (n != n) { // shortcut for verifying if it's NaN
                n = 0;
            } else if (n != 0 && n != Infinity && n != -Infinity) {
                n = (n > 0 || -1) * Math.floor(Math.abs(n));
            }
        }
        if (n >= len) {
            return -1;
        }
        var k = n >= 0 ? n : Math.max(len - Math.abs(n), 0);
        for (; k < len; k++) {
            if (k in t && t[k] === searchElement) {
                return k;
            }
        }
        return -1;
    }
}

يمكنك استخدام التبديل:

switch (foobar) {
  case foo:
  case bar:
    // do something
}




comparison