使用_.each（）函数代替循环的JavaScript

Question

我想用underscore.js each()函数替换JavaScript For Loop。

for (var x = 0; x < count; x++) { 
    slider[x].setAttribute('id', arguments[x]); 
    sliderPagination[x].setAttribute('id', arguments[x]+'Pagination'); 

    // Initialise swiper 
    var slider = new Slider('#'+arguments[x], { 
    pagination: '#'+arguments[x]+'Pagination', 
    loop:true, 
    grabCursor: true, 
    paginationClickable: true 
    }) 
} 

我是新来的使用下划线，所以不太确定最好的方法来做到这一点。当为此使用​​函数时，是否需要索引迭代？

UPDATE：

// Function to initialize multiple instances of slider plugin 
function loadSliders(values) { 

    var sliders = document.getElementsByClassName("swiper-container"), 
     slidersPaginations = document.getElementsByClassName("swiper-pagination"), 
     count = Math.min(sliders.length, arguments.length), 
     i = 0; 

    _.each(sliders, function(sliders, index) { 
    var argumentsVariable = values[index]; 

    sliders.setAttribute('id', argumentsVariable); 
    slidersPaginations[index].setAttribute('id', argumentsVariable+'Pagination'); 

    // Initialise swiper 
    var slider = new Swiper('#'+argumentsVariable, { 
     pagination: '#'+argumentsVariable+'Pagination', 
     loop:true, 
     grabCursor: true, 
     paginationClickable: true 
    }) 

    }); 

} 

Answer 1

我这里假设你有3列： - sliders - sliderPaginations - arguments

然后，你可以这样做的：

_.each(sliders, function(slider, index) { 
    var argumentsVariable = arguments[index]; 
    slider.setAttribute('id', argumentsVariable); 
    sliderPaginations[index].setAttribute('id', argumentsVariable+'Pagination'); 

    // Initialise swiper 
    var slider = new Slider('#'+argumentsVariable, { 
    pagination: '#'+argumentsVariable+'Pagination', 
    loop:true, 
    grabCursor: true, 
    paginationClickable: true 
    }) 
} 

请注意，您可以使用EcmaScript5是为每个阵列定义forEach方法：

sliders.forEach(function(slider, index) { 
    var argumentsVariable = arguments[index]; 
    slider.setAttribute('id', argumentsVariable); 
    sliderPagination.setAttribute('id', argumentsVariable+'Pagination'); 

    // Initialise swiper 
    var slider = new Slider('#'+argumentsVariable, { 
    pagination: '#'+argumentsVariable+'Pagination', 
    loop:true, 
    grabCursor: true, 
    paginationClickable: true 
    }) 
}