可以将以下代码简化为“ ForLoop”吗？

Question

Is it possible to shorten the following code into a "for loop" or anything of the sort? Any help would be greatly appreciated.

$('#submit').click(function(){
    var barOneValue = $('.barOne-value').val();
    var barTwoValue = $('.barTwo-value').val();
    var barThreeValue = $('.barThree-value').val();
    var barFourValue = $('.barFour-value').val();
    var barFiveValue = $('.barFive-value').val();
    $('.barOne').attr('percentValue', barOneValue);
    $('.barTwo').attr('percentValue', barTwoValue);
    $('.barThree').attr('percentValue', barThreeValue);
    $('.barFour').attr('percentValue', barFourValue);
    $('.barFive').attr('percentValue', barFiveValue);
});

Answer 1

Something like :

['One', 'Two', 'Three', 'Four', 'Five'].forEach(function(item) {
    $('.bar' + item).attr('percentValue', $('.bar'+ item +'-value').val());
});

Answer 2

As I mentioned in the comments, you can make a function to help:

function int2Word(i){
  var map = ["Zero", "One", "Two", "Three", "Four", "Five", "Six", "Seven", "Eight", "Nine"];
  return map[i];
}

Then make your loop:

$('#submit').click(function(){
   for(var i = 1; i < 6; i++){
     $('.bar' + int2Word(i)).attr('percentValue', $('.bar' + int2Word(i) + '-value').val());
   }
});