JS Lint 错误：不要在循环中创建函数 - 没有解决方法 [重复]

Question

我在 react JS 中有一个小代码 sn-p，其中我试图在对象“类别”中搜索一个值，然后将相应的键值对插入到新映射 sortedCategories 中。

var categoriesToSort = []; //categoriesToSort has some values
var sortedCategories = new Map();
for(var j = 0 ; j < categoriesToSort.length ; j++) {
    categories.forEachMap(function(key, value){
       if(categoriesToSort[j] === value) {
          sortedCategories.set(key, value);
       }
    });
}

但这给了我以下 lint 错误，我没有得到任何解决方法。

不要在循环中创建函数

Answer 1

我看不出有任何理由像这样重构您的代码行不通。基本上我们将回调函数从循环中取出，并使用闭包中的j 变量。我已将 var j 声明移到回调上方以使其看起来不错，但从技术上讲，您不必这样做。

var categoriesToSort = []; //categoriesToSort has some values
var sortedCategories = new Map();
var j;
var itter = function(key, value) {
    if(categoriesToSort[j] === value) {
        sortedCategories.set(key, value);
    }
};
for(j = 0 ; j < categoriesToSort.length ; j++) {
    categories.forEachMap(itter);
}

Answer 2

使用 forEach 代替 for 循环怎么样？

var categoriesToSort = []; //categoriesToSort has some values
var sortedCategories = new Map();
categoriesToSort.forEach(function (cat) {
    categories.forEachMap(function(key, value){
       if(cat === value) {
          sortedCategories.set(key, value);
       }
    });
});