此功能更有效或更简洁的方法?

如何解决此功能更有效或更简洁的方法?

我有一组锻炼数据,可以在锻炼时以JSON格式进行。我正在为此数据实现一个过滤系统,该系统具有三种不同类型的用户可以应用的过滤器:排序过滤器(采用当前练习集并按名称az或以z来对它们进行排序),肌肉群(属于运动在相同的目标肌肉群下)和训练程序(属于同一训练程序的运动)。

用户应该能够选择任何过滤器,它将立即应用它,但是并非必须同时应用所有3种类型的过滤器。因此,我在JS中提出了以下功能

function applyFilters(filters) {
  const sort = filters[0];
  const muscles = filters[1];
  const programs = filters[2];
  const exerciseJSONData = "exercises.json";

  $.getJSON(exerciseJSONData,{
    format: JSON,}).done(function (result) {
    let filteredArr = [];
    if (muscles.length === 0 && programs.length === 0) {
      filteredArr = result;
    } else if (muscles.length !== 0 && programs.length === 0) {
      $.each($(result),function (key,val) {
        if (muscles.some((item) => val.MainMuscleGroup.indexOf(item) >= 0)) {
          filteredArr.push(this);
        }
      });
    } else if (muscles.length === 0 && programs.length !== 0) {
      $.each($(result),val) {
        if (programs.some((item) => val.TrainingProgram.indexOf(item) >= 0)) {
          filteredArr.push(this);
        }
      });
    } else {
      $.each($(result),val) {
        if (
          muscles.some((item) => val.MainMuscleGroup.indexOf(item) >= 0) &&
          programs.some((item) => val.TrainingProgram.indexOf(item) >= 0)
        ) {
          filteredArr.push(this);
        }
      });
    }
    $("#number-of-exercises").text(filteredArr.length + " Exercises Found");
    $("#exercises").empty();
    createExerciseHTML(filteredArr);
  });
}

功能按预期工作,但是,我认为if else语句的可读性可能很难为他人所理解,并且打破了不重复代码的规则。我想知道是否有更简洁有效的方法来编码此功能?预先感谢。

P.S。抱歉,如果本文开头的信息过多,我想提供一些背景信息,以避免读者产生任何困惑。

解决方法

您可以先将$ each取出,然后将if放在其中。

function applyFilters(filters) {
   const sort = filters[0];
   const muscles = filters[1];
   const programs = filters[2];
   const exerciseJSONData = "exercises.json";
   
   $.getJSON(exerciseJSONData,{
      format: JSON,}).done(function (result) {
      let filteredArr = [];
      var hasMuschle = muscles.length > 0 ? 1 : 0;
      var hasProgram = programs.length > 0 ? 1 : 0;
      var muscleAndProgram = hasMuschle - hasProgram;
      $.each($(result),function (key,val) {
         
         if (muscles.length === 0 && programs.length === 0) {
            filteredArr = result;
         } else if (muscles.length !== 0 && programs.length === 0) {
            if (muscles.some((item) => val.MainMuscleGroup.indexOf(item) >= 0)) {
               filteredArr.push(this);
            }
         } else if (muscles.length === 0 && programs.length !== 0) {
            if (programs.some((item) => val.TrainingProgram.indexOf(item) >= 0)) {
               filteredArr.push(this);
            }
         } else {
            if (
               muscles.some((item) => val.MainMuscleGroup.indexOf(item) >= 0) &&
               programs.some((item) => val.TrainingProgram.indexOf(item) >= 0)
               ) {
                  filteredArr.push(this);
               }
            }
         })
         $("#number-of-exercises").text(filteredArr.length + " Exercises Found");
         $("#exercises").empty();
         createExerciseHTML(filteredArr);
      });
   }

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?
Java在半透明框架/面板/组件上重新绘画。
Java“ Class.forName()”和“ Class.forName()。newInstance()”之间有什么区别?
在此环境中不提供编译器。也许是在JRE而不是JDK上运行?
Java用相同的方法在一个类中实现两个接口。哪种接口方法被覆盖?
Java 什么是Runtime.getRuntime()。totalMemory()和freeMemory()?
java.library.path中的java.lang.UnsatisfiedLinkError否*****。dll
JavaFX“位置是必需的。” 即使在同一包装中
Java 导入两个具有相同名称的类。怎么处理?
Java 是否应该在HttpServletResponse.getOutputStream()/。getWriter()上调用.close()?
Java RegEx元字符(。)和普通点?