javascript - JS 循环将每个值递增 2

Question

有没有办法让循环的每个结果每次都加 2？所以它应该将值增加 2，然后是 4，然后是 6...

所以如果第一个结果是2，它应该是2*2=4但第二个结果应该增加 4:2*4=8

这是循环:

function setDatePosition(timelineComponents, min) {
    for (i = 0; i < timelineComponents['timelineDates'].length; i++) { 
        var distance = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][i]),
            distanceNorm = Math.round(distance/timelineComponents['eventsMinLapse']) + 2;
        timelineComponents['timelineEvents'].eq(i).css('left', (distanceNorm*min)+'px');
    }
}

目前，第一个结果是 left:120px，第二个结果是 left:180px。

我想要实现:第一个结果 + 20px: 140px

第二个结果 + 40px: 220px

第三个结果 + 60px...依此类推

Answer 1

您可以在每次迭代时将 distanceNorm 乘以 i+1:

function setDatePosition(timelineComponents, min) {
    for (i = 0; i < timelineComponents['timelineDates'].length; i++) { 
        var distance = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][i]),
            distanceNorm = Math.round(distance/timelineComponents['eventsMinLapse']) + 2;
        timelineComponents['timelineEvents'].eq(i).css('left', (distanceNorm*min*i+1)+'px');
    }
}