javascript - javascript/jquery 简单搜索引擎 - 实现一个简单的搜索引擎,数据存储在数组中
问题描述
问题已编辑!我已将所有产品名称以对象格式存储在一个数组中。我也有一个输入[type=text]。我需要一个简单的代码来搜索这个数组。SQL 命令类似于:(SELECT name FROM tbl_product WHERE name LIKE %txt%)。但是我在前端实现这个并且与后端没有连接!
<input type="text" id="mytxt" />
<script>
// [{ in_ordered_id : "product name"}, ...]
var products_name = [{ 8 : "product ninety two"}, {21 : "product two"}, {35 : "product nine"} , ....];
$("#mytxt").keyup(function(){
var txt = $("#mytxt").val();
var results = start_search(txt); // `results` must be array of ids e.g. [35, 98]
});
function start_search(text){
/// I don't know what to write here
}
</script>
解决方案
string.includes
可能有帮助
products_name = ["product one", "product two"];
$("#mytxt").keyup(function() {
var txt = $("#mytxt").val();
var results = start_search(txt);
console.log(results);
});
function start_search(text) {
return products_name.filter(pr => pr.includes(text))
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="mytxt">
- 编辑
const products_name = [{
8: "product ninety two"
}, {
21: "product two"
}, {
35: "product nine"
}]
$("#mytxt").keyup(function() {
var txt = $("#mytxt").val();
var results = start_search(txt);
console.log(results);
});
function start_search(text) {
return products_name.filter(pr => Object.values(pr)[0].includes(text)).map(pr => Number(Object.keys(pr)[0]))
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="mytxt">
推荐阅读
- angular - DivIcon 内的 Leaflet Angular 组件
- javascript - json 的目标元素在更改时字符串化为“闪烁”
- php - 是否可以通过注释添加外键而不在 Doctrine 中添加关联?
- flutter - 使用 NeverScrollableScrollPhysics 颤动滚动 GridView
- php - Wordpress PHP 包装一些文本,而不是其他?
- python - Django在同一模型的多个外键上排除过滤器
- java - Selenium 找不到 iframe
- spring - 如何在 Spring MVC 中解决 HTTP 状态 406
- angular - Angular:动态更改选择中的选项列表
- java - 如何以编程方式设置焦点/悬停按钮颜色?