如何在jQuery循环中实现数值跳跃迭代?代码调整求助
解决跳跃式数值迭代的问题
我明白你的需求了——你当前的for循环通过((i + 1) * 30)生成了线性增长的30倍数序列,但想要换成跳跃式的数值输出(比如你提到的30→90→180,或是类似1→3→5→7的固定步长跳跃)。问题的核心在于生成标签数值的逻辑,我们可以通过两种方式修改:
方式一:固定步长的跳跃(如1→3→5模式)
如果你的跳跃是固定步长的(比如从30开始,每次增加60,得到30、90、150、210...),可以直接调整数值计算的公式:
把原代码中的:
((i + 1) * 30)
替换为:
30 + i * 60
原理:i从0开始循环,i=0时得到30,i=1时30+60=90,i=2时30+120=150,以此类推,实现固定步长的跳跃效果。
方式二:自定义非固定步长的序列(如30→90→180模式)
如果你的跳跃序列没有固定步长(比如30→90→180这种倍数增长的情况),最灵活的方式是预定义一个数值数组,直接在循环中取用:
修改后的完整代码如下:
writeIRFField: function (name, targetElement) { var $target = $(targetElement).split('1'), value, values = this.get(name) || []; // 定义你需要的跳跃数值序列 var stepValues = [30, 90, 180, 360]; $target.html(''); for(var i = 0; i < 4; i++) { value = values[i] || 0; // 直接使用预定义的序列值,加判断避免undefined $target.append('<label>' + (stepValues[i] || 0) + ' ' + translator.getTranslation('days') + ' <input type="number" name="'+ name + '" value="' + value + '" min="0" step="0.01"></label>'); } },
原理:提前把想要输出的数值放进stepValues数组,循环时直接取对应索引的元素。后续如果需要调整序列,只需要修改这个数组即可,无需改动循环逻辑。
额外提示
如果循环的次数可能和数组长度不一致,(stepValues[i] || 0)的判断可以避免出现undefined的情况,保证页面显示正常。
内容的提问来源于stack exchange,提问作者Fernando Lopez
相关产品推荐
相关产品推荐

