如何对DataTable指定列应用多个正则表达式实现多选ID过滤

原有代码的核心问题 #

• 搜索条件覆盖：DataTables的column().search()方法每次调用都会直接替换该列的现有搜索条件，不是多条件叠加，你循环里每次传入单个ID的正则，最后只会生效最后一个选中ID的过滤条件
• 正则逻辑错误：使用\D匹配边界会漏掉纯数字ID首尾匹配的场景，也无法避免ID子串匹配（比如搜1会误匹配到11）
• 冗余变量操作：循环内每次拼接完正则就立刻清空，完全没有实现多ID的匹配逻辑

优化方案 #

你需要把多个选中ID的匹配规则合并成同时满足所有ID存在的正则表达式，单次传入search方法即可，正则可以用零宽断言保证每个ID都独立存在，避免子串匹配：

$("#skillsSearch").on("change", function () {
    var val = $("#skillsSearch").val();
    if (!val || val.toString().indexOf(-1) >= 0) {
        table.search('')
            .columns()
            .search('')
            .draw();
        $("#skillsSearch")[0].sumo.unSelectAll();
        return;
    }
    @if (ViewBag.AdminView) {
        @if (includeInactive)
        {
            @Html.Raw("var columnNdx = 9;");
        } else
        {
            @Html.Raw("var columnNdx = 8;");
        }
    } else
    {
        @Html.Raw("var columnNdx = 5;");
    }
    var searchTerms = val.toString().split(',');
    // 拼接所有ID的正向预查，要求所有ID都存在
    var regexPattern = searchTerms.map(id => {
        // 匹配ID独立存在：要么在开头后面跟逗号，要么在中间前后都是逗号，要么在结尾前面是逗号
        return `(?=.*(?:^|,)` + +id + `(?:,|$))`;
    }).join('');
    // 单次传入合并后的正则
    table.columns(columnNdx).search(regexPattern, true, false).draw();
});

逻辑说明 #

• 用(?=规则)正向预查实现多条件同时满足，每个ID的匹配规则(?:^|,)+ID+(?:,|$)保证不会匹配到其他ID的子串
• 所有选中ID的规则合并为一个正则，只调用一次search方法，不会出现条件覆盖的问题
• 支持任意数量的多选ID匹配，性能比多次调用search高很多

可选调整 #

如果你的过滤需求是只要匹配任意一个选中ID就显示，把正则拼接逻辑替换为：

var regexPattern = searchTerms.map(id => `(?:^|,)` + +id + `(?:,|$)`).join('|');

内容的提问来源于stack exchange，提问作者Siddharth Seth