问题已被编辑! 我把所有的产品名称存储在一个 阵列 在 对象格式. 我也有一个输入[type=text],我需要一个简单的代码在这个数组中搜索。我需要一个简单的代码来在这个数组中搜索。(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">
使用array.indexOf函数如何?
products_name = ["product one", "product two"];
function start_search(text){
if(products_name.indexOf(text) > -1){
return true;
}else{
return false;
}
};
start_search('product'); // returns false
start_search('product one'); // returns true
start_search('product two'); // returns true
start_search('product three'); // returns false