迭代两个数组并执行 AND / OR 比较 = 返回 true

Question

这是我目前的过滤功能（相当不完整）

    $('input:checkbox.types').click(function(){
        filterMarkers();
    });


function filterMarkers() {
    var checked = [];
    $('input:checkbox.types:checked').each(function(){
        checked.push($(this).val());
    });
    checked.sort();
    var andor = '';
    var andor = $('[name="and-or"]:checked').val();
    if(andor == 1) {
        // and
        console.log(checked);
        for (var i = 0; i < markers.length; i++) {
            var types = markers[i]['types'].split(",");
            types.sort();
            console.log(types);
        }
    } else {
        // or

    }

}

这是我目前所拥有的图片。

http://snag.gy/rKSTA.jpg

为简单起见，让我们这样说。 A = 选中的复选框 B = 地图标记迭代/当前迭代标记中具有当前项目值的数组

我能够获得选中复选框的值。我还能够将每个标记的逗号分隔字符串转换为数组。我希望能够检查 B 是否包含 A (OR) 中的任何一个，并且能够检查 B 是否必须包含 A (AND)。

有什么想法吗？

对于那些想要对我正在努力完成的事情有“感觉”的人来说，这是有问题的页面。谢谢！

https://www.cablework.co/company

此页面输出我当前的控制台。

一旦我弄清楚这一点，我就可以根据结果隐藏/显示标记。

Answer 1

这是一个示例函数。您将针对 types 数组在每个标记上运行 test。

http://jsfiddle.net/q1k6e74d/5/

function test(op,types,marker){
    var pass;
    if(types.length === 0 || marker.length === 0){
        return false;
    }
    if(op==="and"){
        pass = true;
        for(var i in types){
            if( $.inArray(types[i],marker) == -1 ){
                pass = false;
            }
        }
    }else{ //or
        pass = false;
        for(var i in marker){
            if( $.inArray(marker[i],types) !== -1 ){
                pass = true;
            }
        }
    }
    return pass;
}

var a = [1,4];
var b = [1,5];
console.log("test a",a,"and b",b,test("and",a,b));
console.log("test a",a,"or b",b,test("or",a,b));

可能会更短，但我认为这种方式最容易理解。