Javascript 如何根据对象数组中的用户条目进行筛选

发布于12月19日

我有一个对象数组

let array = [{name: "singpore"}, {name: "French Polynesia"}, {name: "poland"}, {name: "portugal"}]

我正在try 用以下逻辑来实现

 array.filter((item) => {
    return item.name.toLowerCase().includes(searchText);
  });

我正在try 基于"po"进行搜索，当我使用po进行搜索时，我能够以相同的顺序获得所有记录.

但我需要按以下顺序获得结果以匹配前几个字符

电流输出:

[{name: "singpore"}, {name: "French Polynesia"}, {name: "poland"}, {name: "portugal"}]

预期输出:

[{name: "poland"}, {name: "portugal"}, {name: "singpore"}, {name: "French Polynesia"}]

推荐答案

您可以通过使用过滤后的sort()来实现此目的

let array = [
  { name: "singpore" },
  { name: "French Polynesia" },
  { name: "poland" },
  { name: "portugal" }
];

let searchText = "po";

let filteredArray = array
  .filter((item) => item.name.toLowerCase().includes(searchText))
  //compare the index of the search text in each name
  .sort((a, b) => a.name.toLowerCase().indexOf(searchText) - b.name.toLowerCase().indexOf(searchText));

console.log(filteredArray);