为什么这个.push（）无法正常工作？

Question

var rangesliderfilter = function () {
    var low = parseInt(jQuery('#min-value-span').text());
    var high = parseInt(jQuery('#max-value-span').text());
    var BreakfastDR = [];
    var LunchDR = [];
    var DinnerDR = [];
    var SnacksDR = [];
    while (low <= high) {
        BreakfastDR.push('.' + low++ +'.breakfast');
        LunchDR.push('.' + low++ +'.lunch');
        DinnerDR.push('.' + low++ +'.dinner');
        SnacksDR.push('.' + low++ +'.snacks');
        }

    jQuery('.rangecheck').attr('value', BreakfastDR);
}

这将以4为间隔添加值。因此，如果low为0且high为16，则添加的字符串为： .0.breakfast,.4.breakfast,.8.breakfast,.12.breakfast

它应该以这种方式处理每个数字，而不仅仅是以4为间隔.0.breakfast,.1.breakfast,.2.breakfast,etc

有人看到一个明显的原因吗？ 我不应该在同一个while function放入不同的var吗？

Answer 1

原因是您在循环中low四次递增。 最后只增加一次：

while (low <= high) {
    BreakfastDR.push('.' + low +'.breakfast');
    LunchDR.push('.' + low +'.lunch');
    DinnerDR.push('.' + low +'.dinner');
    SnacksDR.push('.' + low +'.snacks');
    low++;
}

Answer 2

这是因为您在每次进餐类型之后都使用以下代码将low递增四次 ：

BreakfastDR.push('.' + low++ +'.breakfast');  // Use 0, set to 1.
LunchDR.push('.' + low++ +'.lunch');          // Use 1, set to 2.
DinnerDR.push('.' + low++ +'.dinner');        // Use 2, set to 3.
SnacksDR.push('.' + low++ +'.snacks');        // Use 3, set to 4.

因此早餐将变为0 ，午餐将变为1 ，依此类推。 最初的早餐后的下一个早餐将得到4 。 您最终将得到：

breakfast   0,  4,  8, 12, 16, ...
lunch       1,  5,  9, 13, 17, ...
dinner      2,  6, 10, 14, 18, ...
snacks      3,  9, 11, 15, 19, ...

假设您希望每种进餐类型的顺序为0, 1, 2, ... ，则应使用类似以下内容的方法：

BreakfastDR.push('.' + low +'.breakfast');
LunchDR.push('.' + low +'.lunch');
DinnerDR.push('.' + low +'.dinner');
SnacksDR.push('.' + low++ +'.snacks');

或者，如果您想在零食之后添加餐点：

BreakfastDR.push('.' + low +'.breakfast');
LunchDR.push('.' + low +'.lunch');
DinnerDR.push('.' + low +'.dinner');
SnacksDR.push('.' + low +'.snacks');
low++;