¿Cómo aplicar una matriz de clases a classList.contains?

Question

En mi HTML, tengo una div así:

<div class="a b c"></div> 

En mi JavaScript, tengo una serie de clases que me interesa:

var goodClasses = ['a', 'c']; 

En los buenos navegadores, que pueda utilizar la característica impresionante classList para probar si o no mi div tiene las clases apropiadas:

return div.classList.contains(goodClasses[0], goodClasses[1]); 

Esto está bien, pero lo que realmente me gusta hacer es algo como esto (la sintaxis es tonto, pero esta es la idea general):

return div.classList.contains.apply(div, goodClasses); 

¿Hay alguna manera de hacer esto? Si de todos modos tengo que recorrer mi matriz de clases, classList se vuelve mucho menos genial.

Answer 1

Como @Felix Kling señala correctamente, classList.contains acepta solo un argumento.

Si sus navegadores compatibles apoyan el método every() en Array, usted puede hacer esto:

return goodClasses.every(function(c) { 
    return div.classList.contains(c); 
}); 

Los navegadores que no admiten que puede utilizar the MDC compatibility fix:

if (!Array.prototype.every) 
{ 
    Array.prototype.every = function(fun /*, thisp */) 
    { 
    "use strict"; 

    if (this === void 0 || this === null) 
     throw new TypeError(); 

    var t = Object(this); 
    var len = t.length >>> 0; 
    if (typeof fun !== "function") 
     throw new TypeError(); 

    var thisp = arguments[1]; 
    for (var i = 0; i < len; i++) 
    { 
     if (i in t && !fun.call(thisp, t[i], i, t)) 
     return false; 
    } 

    return true; 
    }; 
}