在List.js中使用非英语字符

Question

I have a list of features created with List.js library. Is there any way I could match non-english characters with regular ones? For example, the list contains this elements: 'șuncă', 'brânză', 'mărar'. I'm curious if there's a way to find these elements even if I'm searching without the non-english characters, like this: 'sunca', 'branza', 'marar'

Answer 1

Use the filter() API function and a helper function to replace accented characters in a string with their base versions.

Helper functions

// generic accent removal from input string, add any missing characters
var removeAccents = (function () {
    var letters1 = "äáàâăëéèêĕüúùûŭöóòôŏÄÁÀÂĂËÉÈÊĔÜÚÙÛŬÖÓÒÔŎßșȘ",
        letters2 = "aaaaaeeeeeuuuuuoooooAAAAAEEEEEUUUUUOOOOOssS",
        patternLetters = new RegExp("[" + letters1 + "]", "g"),
        lookupLetters = {}, letterTranslator;

    letters1.split("").forEach(function (letter, i) {
        lookupLetters[letter] = letters2[i];
    });

    letterTranslator = function(match) { 
        return lookupLetters[match] || match;
    };

    return function removeAccents(input) {
        return input.replace(patternLetters, letterTranslator);
    };
})();

// creates a specific filter function for use in List.js
function getAccentInsensitiveFilter(property, search) {
    search = removeAccents(search).toLowerCase();

    return function (item) {
        var value = removeAccents(item.values()[property] || "").toLowerCase();
        return value.indexOf(search) > -1;
    };
}

and then

// filter for "sunca" in the "featureName" property
yourList.filter(getAccentInsensitiveFilter("featureName", "șuncă"));

// remove filter 
yourList.filter();