Fuse.js:在类似对象的数组中进行模糊搜索

时间:2016-11-15 21:46:26

标签: javascript search web fuzzy-search fuse.js

我想对具有平面层次结构的Object执行模糊搜索。在Fuse.js的演示页面上,您必须指定要在Object中查找的键/键。不幸的是,我没有特定的标识符。

Fuse.js演示:

var books = [{
  title: "Old Man's War",
  author: {
    firstName: "John",
    lastName: "Scalzi"
  }
}];
var fuse = new Fuse(books, { keys: ["title", "author.firstName"] });

我的设置:

const data = {
  "100": "https://assets-cdn.github.com/images/icons/emoji/unicode/1f4af.png?v6",
  "1234": "https://assets-cdn.github.com/images/icons/emoji/unicode/1f522.png?v6",
  "+1": "https://assets-cdn.github.com/images/icons/emoji/unicode/1f44d.png?v6",
  "-1": "https://assets-cdn.github.com/images/icons/emoji/unicode/1f44e.png?v6"
};

const fuse = new Fuse(data, { keys: ??? });
fuse.search('+1'); // should return "https://assets-cdn.github.com/images/icons/emoji/unicode/1f44d.png?v6",

2 个答案:

答案 0 :(得分:3)

您可以使用Object.keys()函数获取动态对象的键。如果您也希望支持旧版浏览器,可以找到polyfill实现here(在Polyfill下)。

然后,您可以提供Fuse,这样的键:Object.keys(myobject)

编辑:

为了改变对象本身,你可以做一些类似乔丹建议的事情:

var newData = Object.keys(data).map(function(key) {
  return { id: key, link: data[key]};
}) 

然后密钥数组是['id'],你应该按id搜索。

答案 1 :(得分:2)

首先解析您的data

const data = JSON.parse(json);

然后有一种方法(但肯定会比第二个建议慢,因为搜索中包含了所有的键):

const fuse = new Fuse(data, { keys: data.keys() });

或者您可以动态更改数据结构:

let structuredData = [];

for (key in data)
    structuredData.push({
        "id": key,
        "url": structuredData[key]
    });

const fuse = new Fuse(structuredData, { keys: ["id"] });