javascript - 在数字/数字和字母/字符之间添加空格

Question

我有这样的代码

(function($, window, document, undefined) {
    $.fn.quicksearch = function (target, opt) {

        var timeout, cache, rowcache, jq_results, val = '', e = this, options = $.extend({ 
            delay: 100,
            selector: null,
            stripeRows: null,
            loader: null,
            noResults: '',
            bind: 'keyup',
            onBefore: function () { 
                return;
            },
            onAfter: function () { 
                return;
            },
            show: function () {
                this.style.display = "";
            },
            hide: function () {
                this.style.display = "none";
            },
            prepareQuery: function (val) {
                return val.toLowerCase().split(' ');
            },
            testQuery: function (query, txt, _row) {
                for (var i = 0; i < query.length; i += 1) {
                    if (txt.indexOf(query[i]) === -1) {
                        return false;
                    }
                }
                return true;
            }
        }, opt);

        this.go = function () {

            var i = 0, 
            noresults = true, 
            query = options.prepareQuery(val),
            val_empty = (val.replace(' ', '').length === 0);

            for (var i = 0, len = rowcache.length; i < len; i++) {
                if (val_empty || options.testQuery(query, cache[i], rowcache[i])) {
                    options.show.apply(rowcache[i]);
                    noresults = false;
                } else {
                    options.hide.apply(rowcache[i]);
                }
            }

            if (noresults) {
                this.results(false);
            } else {
                this.results(true);
                this.stripe();
            }

            this.loader(false);
            options.onAfter();

            return this;
        };

        this.stripe = function () {

            if (typeof options.stripeRows === "object" && options.stripeRows !== null)
            {
                var joined = options.stripeRows.join(' ');
                var stripeRows_length = options.stripeRows.length;

                jq_results.not(':hidden').each(function (i) {
                    $(this).removeClass(joined).addClass(options.stripeRows[i % stripeRows_length]);
                });
            }

            return this;
        };

        this.strip_html = function (input) {
            var output = input.replace(new RegExp('<[^<]+\>', 'g'), "");
            output = $.trim(output.toLowerCase());
            return output;
        };

        this.results = function (bool) {
            if (typeof options.noResults === "string" && options.noResults !== "") {
                if (bool) {
                    $(options.noResults).hide();
                } else {
                    $(options.noResults).show();
                }
            }
            return this;
        };

        this.loader = function (bool) {
            if (typeof options.loader === "string" && options.loader !== "") {
                 (bool) ? $(options.loader).show() : $(options.loader).hide();
            }
            return this;
        };

        this.cache = function () {

            jq_results = $(target);

            if (typeof options.noResults === "string" && options.noResults !== "") {
                jq_results = jq_results.not(options.noResults);
            }

            var t = (typeof options.selector === "string") ? jq_results.find(options.selector) : $(target).not(options.noResults);
            cache = t.map(function () {
                return e.strip_html(this.innerHTML);
            });

            rowcache = jq_results.map(function () {
                return this;
            });

            return this.go();
        };

        this.trigger = function () {
            this.loader(true);
            options.onBefore();

            window.clearTimeout(timeout);
            timeout = window.setTimeout(function () {
                e.go();
            }, options.delay);

            return this;
        };

        this.cache();
        this.results(true);
        this.stripe();
        this.loader(false);

        return this.each(function () {
            $(this).bind(options.bind, function () {
                val = $(this).val();
                e.trigger();
            });
        });

    };

}(jQuery, this, document));

我试图弄清楚在哪里以及如何在数字和字母之间进行拆分/添加空格。导致某些人键入例如“ip1500”，脚本无法将输入与“ip 1500”之类的元素匹配。我的问题是我是一个 js 初学者。

我一直在尝试，但我无法让它发挥作用。我也试过这个

我找到了这个地方，我认为可以在这里完成，所有内容都被“”（空格）分开：

prepareQuery: function (val) {
    return val.toLowerCase().split(' ');
    },

如果有人可以帮助我，那就太好了。

score 6 · Accepted Answer

如果你想要“123abc345def”到“123 abc 345 def”。替换功能可能会有所帮助。代码是这样的。

var str = "123abc345def";
str = str.replace(/(\d+)/g, function (_, num){
    console.log(num);
    return ' ' + num + ' ';
});
str = str.trim();

score 3 · Accepted Answer

您链接的代码不起作用主要是因为它使用了与 javascript 不同的编程语言。从理论上讲，它应该可以工作，但是 javascript 不支持正则表达式lookbehinds（目前）..

相反，我重写了这段代码：

prepareQuery: function (val) {
function isNotLetter(a){
return (/[0-9-_ ]/.test(a));
}

var val=val.toLowerCase().split("");
var tempArray=val.join("").split("");
var currentIndex=1;

for (var i=0;i<val.length-1;i++){
if (isNotLetter(val[i]) !== isNotLetter(val[i+1])){
tempArray.splice(i+currentIndex, 0, " ");
currentIndex++;
}
}
return tempArray.join("");
}

由于您是 javascript 新手，我将解释它的作用。

它声明了一个函数prepareQuery来检查一个字符串是否包含一个字母[这可以移动到其他地方]
然后它拆分val为一个数组并将内容复制val到tempArray
声明了一个索引（稍后解释）
制作了一个循环，该循环遍历中的每个字符val
该if语句检测当前字符（val[i]由循环设置）是否与它旁边的字符（val[i+1]）相同。
如果其中一个与另一个不同（即当前字符是字母，而下一个不是），则tempArray在该“索引”处添加一个空格
索引递增并用作#6 中的偏移量
循环结束，将“数组”连接成一个字符串并输出结果。

演示： http ://jsbin.com/ebitus/1/edit（JSFiddle 已关闭....）

编辑： 对不起，但我完全误解了你的问题......你没有提到你正在使用“快速搜索”和 jQuery。在这种情况下，我假设您有一个具有名称的元素列表，并且您想使用插件搜索它们......匹配用户查询（如果没有空格）的更简单的方法是剥离搜索表中的空间以及查询本身 - 尽管原始的反向方法将起作用（只是效率不高）[又名：扩展用户的查询]

在这种情况下，从搜索表和用户输入中剥离空间将是更好的方法

    prepareQuery: function (val) {
        return val.toLowerCase().replace(/ /ig,'').split(" ");
    },
    testQuery: function (query, txt, _row) {
        txt=txt.toLowerCase().replace(/ /ig,'');
    for (var i = 0; i < query.length; i += 1) {
        if (txt.indexOf(query[i]) === -1) {
            return false;
        }
    }
    return true;

}

演示：http: //jsfiddle.net/q9k9Y/3/

编辑2：

您的真正意图似乎是在您的网站上创建功能齐全的搜索功能，而不仅仅是在字母和数字之间添加空格。有了这个，我建议使用Quicksilver。我很想制定一个算法来扩展 quickSearcher 但目前我不能（时区）。相反，我建议使用 Quicksilver

http://jsbin.com/oruhet/12/

javascript - 在数字/数字和字母/字符之间添加空格

2 回答 2

Related

Reference