要从大型数组10 ^ 6大小进行查询/搜索的数据结构，该数组由对象作为数组中的项组成

Question

我有一个数据数组。从某种意义上说，这是一个大数组，它有10 ^ 6个项目。数组由对象组成>

Data =[`{title:"abcccc",id:1}`,
        {title:"abcccc",id:1},
        {title:"abcccc",id:1}..... 10^6];
如果我在数组中使用基本的筛选器方法，则由于解析了这么大的集合，UI将无响应。

我想知道最好的方法

或数据结构或任何数组的预处理我应该在javascript中使用以从数据数组中过滤所需的数据项。

更多信息：我正在编写一个搜索函数/方法，它将搜索字符串作为参数并从数据数组返回前3个相关项。

我有一个数据数组。从某种意义上说，这是一个大数组，它有10 ^ 6个项目。数组由对象Data = [`{title：“ abcccc”，id：1}`，{title：“ abcccc”，id：1}，{title：“ abcccc”，id：1} ...组成。 ...

Answer 1

如果要使用id搜索或使用lodash过滤器，则将数组弄平，就像这样：