10

我需要帮助整理一些数据。假设我在搜索字段中输入“piz”。我得到了包含“piz”的所有条目的回报和数组。

我现在想按以下顺序显示它们:

pizza 
pizzeria
apizzetto
berpizzo

首先是以我按字母顺序键入的内容开头的项目,然后是包含我按字母顺序键入的内容的项目。

相反,如果我按字母顺序对它们进行排序,我会得到以下信息

apizzetto
berpizzo
pizza 
pizzeria

有谁知道如何做到这一点?谢谢你的帮助。

4

5 回答 5

14

您可以将数据拆分为两个数组,一个以您的输入开头,一个不以您的输入开头。分别排序,然后合并两个结果:

var data = [
    'pizzeria',
    'berpizzo',
    'apizzetto',
    'pizza'
];

function sortInputFirst(input, data) {
    var first = [];
    var others = [];
    for (var i = 0; i < data.length; i++) {
        if (data[i].indexOf(input) == 0) {
            first.push(data[i]);
        } else {
            others.push(data[i]);
        }
    }
    first.sort();
    others.sort();
    return(first.concat(others));
}

var results = sortInputFirst('piz', data);

你可以在这里看到它的工作原理:http: //jsfiddle.net/jfriend00/nH2Ff/

于 2012-05-13T15:50:56.847 回答
7

正确的完整解决方案是:

var data = [
    'pizzeria',
    'berpizzo',
    'apizzetto',
    'pizza'
];

var _sortByTerm = function (data, term) {
    return data.sort(function (a, b) {
       return a.indexOf(term) < b.indexOf(term) ? -1 : 1;
    });
};

var result = _sortByTerm(data, 'piz');

如果您想要对象排序,请使用此功能:

var _sortByTerm = function (data, key, term) {
     return data.sort(function (a, b) {
        return a[key].indexOf(term) < b[key].indexOf(term) ? -1 : 1;
     });
 };
于 2016-03-20T13:03:30.327 回答
2

Here's another one:

var str = 'piz';
var arr = ['apizzetto','pizzeria','berpizzo','pizza'];

arr.sort(function(a,b) {
    var bgnA = a.substr(0,str.length).toLowerCase();
    var bgnB = b.substr(0,str.length).toLowerCase();

    if (bgnA == str.toLowerCase()) {
        if (bgnB != str.toLowerCase()) return -1;
    } else if (bgnB == str.toLowerCase()) return 1;
    return a < b ? -1 : (a > b ? 1 : 0);
});

console.log(arr);
于 2012-05-13T15:55:11.577 回答
2

使用减少:

const data = ['pizzeria', 'berpizzo', 'pizza', 'apizzetto'];

function sortInputFirst(input, data) {
    data.sort();
    const [first, others] = data.reduce(([a, b], c) => (c.indexOf(input) == 0 ? [[...a, c], b] : [a, [...b, c]]), [[], []]);
    return(first.concat(others));
}

const output = sortInputFirst('piz', data);
console.log(output)
于 2019-04-02T15:52:04.543 回答
0

以下是我如何使用投票最多的答案来使我的搜索功能使用标准化的数据集。它在比较字符串之前删除重音,并且不区分大小写。

function getAutocompleteNormalizedMatches(userInput, array) {
    const normalizedInput = getNormalizedString(userInput);
    let normalizedListItem;
    let startsWith = [];
    let anywhere = [];
    for (let i = 0; i < array.length; i++) {
        normalizedListItem = getNormalizedString(array[i]);
        if (normalizedListItem.indexOf(normalizedInput) === 0) {
            startsWith.push(array[i])
        } else if (normalizedListItem.includes(normalizedInput)) {
            anywhere.push(array[i])
        }
    }
    startsWith.sort();
    anywhere.sort();
    return startsWith.concat(anywhere);
}


const getNormalizedString = function (str) {
    str = str.replace(/\s+/g, " ").trim();
    return (str ? removeDiacritics(str.toLowerCase()) : "");
};

要获取 removeDiacritics() 函数,请参考此链接,因为如果你们不需要它,它会占用相当多的无用空间:Remove Accents diacritics in a string with JavaScript

于 2020-03-10T23:05:46.563 回答