将jquery的每个函数转换为纯javascript

Question

我有脚本在选择框中显示下拉菜单。目前我正在使用的脚本是

jQuery.each(dslr, function(index, dslrgp) { 
    var aslrp= dslrgp.aslrp; 
    jQuery.each(aslrp, function(index2, pslrp) { 
     var found = 0; 
     jQuery.each(dropdown, function(index3, dditem) { 
      if (dditem.countryname == pslrp.countryname) 
      { 
       foundit = 1; 
      } 
     }); 
     if (foundit == 0) 
      dropdown.push(pslrp); 

    }); 
}); 

我该如何将其转换为纯javascript。因为如果我使用这个

dslr.forEach(function(index, dslrgp) { 
    var aslrp= dslrgp.aslrp; 
    aslrp.forEach(function(index2, pslrp) { 
     var found = 0; 
     dropdown.forEach(function(index3, dditem) { 
      if (dditem.countryname == pslrp.countryname) 
      { 
       foundit = 1; 
      } 
     }); 
     if (foundit == 0) 
      dropdown.push(pslrp); 

    }); 
}); 

它不起作用。

Answer 1

注意参数在本机forEach中的差异 - 首先是item的值，second是index。因此，而不是：

aslrp.forEach(function(index2, pslrp) { 
... 
dropdown.forEach(function(index3, dditem) { 

使用本：

aslrp.forEach(function(pslrp, index2) { 
... 
dropdown.forEach(function(dditem,index3) { 

Answer 2

你的方法签名是错误的。它是：

arr.forEach(function callback(currentValue, index, array) { 
    //your iterator 
}[, thisArg]); 

见https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

Answer 3

您正在使用.forEach()方法是错误的。 forEach docs

您不需要将数组作为第一个参数传递。只需传递回调即可。

dslr.forEach(function(dslrgp) { 
    // do something.. 
} 

或键/值迭代

dslr.forEach(function(value, index) { 
    // do something.. 
}