使用 JavaScript 的搜索栏中的词序

Question

解释。我是 VueJS 和 JavaScript 的新手，我正在尝试设置搜索栏。到目前为止，它运行良好，但我有一个问题。即使我在搜索栏中键入的单词顺序不正确，我也希望能够搜索对象的描述。

例子。 描述中的字符串将是“Gucci 蓝带”。如果我输入“Gucci blue”，结果就会显示出来，因为描述中包含这些单词的确切顺序。因此，我想添加可以输入“Gucci 腰带”的功能，并且会显示带有“Gucci 蓝腰带”描述的项目。

我在 VueJS 计算部分的当前代码

   filteredsortedobjects (){

    return this.sortedobjects.filter(object => {

      var Objectslist_n = object.name;

      var Objectslist_q = object.quantity;

      var Objectslist_c = object.category;

      var Objectslist_s = object.section;

      var Objectslist_d = object.description;

      var Objectslist_date = object.reception_date;

      var Input = this.searchQuery;

      /* Form arrays with all the information in the table */

      var Objectslist_nq = Objectslist_n.concat(Objectslist_q);

      var Objectslist_nqc = Objectslist_nq.concat(Objectslist_c);

      var Objectslist_nqcs = Objectslist_nqc.concat(Objectslist_s);

      var Objectslist_nqcsd = Objectslist_nqcs.concat(Objectslist_d);

      var Objectslist_nqcsddate = Objectslist_nqcsd.concat(Objectslist_date);

      /* Filtered variables */

      var F_Objectslist = RemoveAccents(Objectslist_nqcsddate.toLowerCase());

      var F_Input = RemoveAccents(this.searchQuery.toLowerCase());

      /* Function to remove accents */

      function RemoveAccents(str) {

        var accents    = 'ÀÁÂÃÄÅàáâãäåÒÓÔÕÕÖØòóôõöøÈÉÊËèéêëðÇçÐÌÍÎÏìíîïÙÚÛÜùúûüÑñŠšŸÿýŽž';

        var accentsOut = "AAAAAAaaaaaaOOOOOOOooooooEEEEeeeeeCcDIIIIiiiiUUUUuuuuNnSsYyyZz";

        str = str.split('');

        var strLen = str.length;

       

我知道删除重音的功能尚未使用，因为我一直在测试。

我尝试做的事情。我尝试设置变量 F_Input （搜索栏中正在写入的内容）和 F_Objectslist （一个变量，该变量包含一个数组，其中包含项目的所有单词，例如，名称、类别、部分、数量、描述和日期)作为字符串由 array.split(" ") 表示。这样，我就可以在控制台 ["word", "word2", ...] 中为我的两个变量使用这种格式的字符串数组。

从这一点来看，我不确定如何检查 F_Input 数组中的字符串是否都存在于 F_Objectslist 的数组中，即使它们的顺序不同。

Answer 1

我想你已经很接近了，我会像这样接近它function searchString(input, match) {  let is_a_match = true;  const match_arr = match.split(' ');  const input_arr = input.split(' ');  input_arr.forEach(word => {    if (match_arr.indexOf(word) === -1) {        is_a_match = false;    }  });  return is_a_match;}

Answer 2

拆分F_Input“”，然后您可以使用 'Array.prototype.map()'F_Input使用您现在拥有的相同技术遍历搜索词数组。请注意，我已将所有这些链接在一起，并最终调用该.every()方法。最后一个说每个map操作（搜索）都必须导致一个 true（或者map操作的结果必须导致一个只有 的数组true）；const F_Objectslist = "this is search term, and this is term search".split(' ');const F_Input = "search term";let result = search(F_Objectslist, F_Input);console.log(result);let notFoundResult = search(F_Objectslist, "search dog");console.log(notFoundResult);function search(text, terms) {  return terms.split(' ').map(term =>text.includes(term)).every(found=>found===true);}