纯JS到lodash

Non 发表于 Dev

非

我在这里有一些不同的陈述，希望您告诉我它们是否等效：

myApp.filter('myFilter', function() {

  var result, i, sport, y, contains, league;
  return function(sports, filterBy) {    
    if (angular.isUndefined(sports) || !filterBy) {
      return sports;
    }

    filterBy = filterBy.toLowerCase();
    result = [],
    contains = function(haystack, needle) {
      return haystack.toLowerCase().indexOf(needle) > -1;
    };

    for (i = 0; i < sports.length; i++) {
      sport = sports[i];
      if (contains(sport.name, filterBy)) {
        result.push(sport);
        continue;
      } else {
        for (y = 0; y < sport.leagues.length; y++) {
          league = sport.leagues[y];
          if (contains(league.name, filterBy)) {
            result.push(sport);
            break;
          }
        }
      }
    }
    return result;
  };
});

现在有了lodash：

myApp.filter('myFilter', function() {

  var result, i, sport, y, contains, league;
  return function(sports, filterBy) {    
    if (angular.isUndefined(sports) || !filterBy) {
      return sports;
    }

    filterBy = filterBy.toLowerCase();
    result = [],
    contains = function(haystack, needle) {
      return haystack.toLowerCase().indexOf(needle) > -1;
    };

  _.each(sports.length, function(sport) {
      if (contains(sport.name, filterBy)) {
        result.push(sport);
        continue;
      } else {
        _.each(sport.leagues.length, function(league) {
          if(contains(league.name, filterBy)) {
            result.push(sport);
            break;
          }
        });
      }
    });

我只是想了解lodash的逻辑。我在ALMOST纯JS中具有该功能，但是一旦尝试将其转换为lodash，我的应用程序就会崩溃，所以我想知道错误在哪里？

在这里，我拥有带有纯js函数的Plnkr，在库部分中您将看到我具有的underscore原因，因为我不知道为什么lodash未加载，因此，我正在尝试的是：lodash使用_.each而不是将该函数转换为函数for loop

约瑟夫努

在这种情况下，您不会使用“每个”。同样在“每个”中，您不会得到“继续”或“中断”。对我来说，我将使用“过滤器”来获得过滤结果。因此，代码应如下所示：

var result = sports.filter(function(sport){
  return (
      contains(sport.name, filterBy) 
    || (
      sport.leagues && sport.leagues.some(function(league) { 
        return contains(league.name, filterBy) 
      })
    )
  )
})

或用于破折号/下划线

var result = _.filter(sports, function(sport) {
  return (
      contains(sport.name, filterBy) 
    || (
      sport.leagues && _.some(sport.leagues, function(league) { 
        return contains(league.name, filterBy);
      })
    )
  )
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。