自动完成功能，用于按属性搜索 json 对象

Autocomplete functionality to search through json object by attribute

本文关键字：属性 搜索 json 对象 用于 成功 功能      更新时间：2023-09-26

假设我有以下json对象，其中包含有关一组人的信息。

data=[{id:2, fname:"bob", lname:"roberts", common_name:null, email:"sideshowbob@email.com", telephone:"555-555-5555", street:"333 Street St", city:"Salt Lake City", state:"UT", country:null, zip:"99999", dynamid:null, notes:null, director:false, contractor:false, contractor_need_agreement:false, shareholder:false, shares_held:0, company_id:1, created_at:"2016-02-23T10:15:09.339Z", updated_at:"2016-02-23T10:15:09.339Z", officer:false, snapshot:null, sign_term_voting:false, drag_liquidation_approval:false, rofr_consenter:false, investor_councel:false, ir_insured:false, issuer_signing_officer:false, issuer_registered_agent:false, issuer_councel:false, rep_lead_investor:false, rep_investor:false, rep_founder:false}, 
      {id:1, fname:"John", lname:"Smith", common_name:null, email:"john.smith@email.com", telephone:"555-555-5555", street:"333 Street St", city:"Salt Lake City", state:"UT", country:null, zip:"99999", dynamid:null, notes:null, director:false, contractor:false, contractor_need_agreement:false, shareholder:false, shares_held:0, company_id:1, created_at:"2016-02-23T10:15:09.327Z", updated_at:"2016-02-23T10:15:09.327Z", officer:false, snapshot:null, sign_term_voting:false, drag_liquidation_approval:false, rofr_consenter:false, investor_councel:false, ir_insured:false, issuer_signing_officer:false, issuer_registered_agent:false, issuer_councel:false, rep_lead_investor:false, rep_investor:false, rep_founder:false}]

现在我想在文本框中实现某种自动完成功能，该功能搜索每个人的姓名（即fname+" "+lname）以查找匹配项。 找到匹配项后，它会返回为其找到匹配项的人员或该人员的 ID。

我开始这个有点

麻烦。 我想我可以把它写出来，我用keyup触发一个通过对象的循环，显示那些与字符串匹配的名称，并在单击其中一个时返回相应的索引，但这似乎是我正在重新发明轮子。

是否有一种有效/最佳实践的方法来拉动这种功能？

来自此类型提前.js演示在这里：

JSFIDDLE 上的完整代码：

var substringMatcher = function(strs) {
  return function findMatches(q, cb) {
    var matches, substringRegex;
    matches = [];
    substrRegex = new RegExp(q, 'i');
    $.each(strs, function(i, str) {
      var fullname = str.fname + " " + str.lname
            console.log(fullname);
      if (substrRegex.test(fullname)) {
        matches.push(fullname);
      }
    });
    cb(matches);
  };
};
相关文章：