新手求助：如何将特定JavaScript/jQuery脚本改写为循环结构

嘿，不用道歉呀！新手阶段遇到重复代码想优化太正常了😉 咱们可以用一个外层循环来遍历1到5，动态生成对应的flag变量和数组选择器，这样就能把5套重复代码压缩成一套简洁的逻辑啦。

具体实现代码 #

// 外层循环遍历1到5的数值
for (let num = 1; num <= 5; num++) {
    // 动态获取对应编号的flag值（假设flaghigh_1到flaghigh_5是全局可访问的变量）
    const currentFlag = window[`flaghigh_${num}`].get();
    // 动态生成对应编号的选择器数组，把中间固定的1替换为当前循环的num
    const selectorArr = [
        `#QE1_${num}_1`,
        `#QE1_${num}_2`,
        `#QE1_${num}_7`,
        `#QE1_${num}_99`
    ];

    // 复用你原来的内层循环逻辑
    for (let i = 0; i < selectorArr.length; i++) {
        if (currentFlag === '1') {
            // 这里补全你原来的处理逻辑，比如addClass等操作
            $(selectorArr[i]).parent().addClass(...);
            // 其他相关代码也可以放在这里
        }
    }
}

关键细节说明 #

• 动态获取flag变量：用window[flaghigh_${num}]的方式，通过模板字符串拼接变量名，就能循环访问flaghigh_1到flaghigh_5这些变量。
• 动态生成选择器数组：同样使用模板字符串，把选择器中间的固定数字替换为当前循环的num，自动生成对应编号的选择器。
• 复用原有逻辑：内层循环的判断和DOM操作和你原来的代码完全一致，直接套进外层循环里就行，不用修改原有逻辑。

特殊情况补充 #

如果你的^f('flaghigh_1').get()^是模板引擎（比如后端渲染的语法），那也可以在模板层面做循环，比如（以常见的模板语法为例）：

<script type="text/javascript">
    #foreach($num in [1..5])
    const flag = ^f('flaghigh_$num').get()^;
    const arr = ['#QE1_$num_1','#QE1_$num_2','#QE1_$num_7','#QE1_$num_99'];
    for(let i=0;i<arr.length;i++) {
        if(flag === '1') {
            $(arr[i]).parent().addClass(...);
        }
    }
    #end
</script>

内容的提问来源于stack exchange，提问作者Amy