在for循环中增加“i”？ [复制]答案

【问题标题】：Increment "i" inside for loop? [duplicate]在for循环中增加“i”？ [复制]
【发布时间】：2021-06-28 15:55:54
【问题描述】：

我有一个使用 vanilla javascript 制作的演示文稿。我有一个创建滑块的 for 循环。在这个for循环中我必须

for (var i = 0; i < prod_lorem.img; i++) {
    inhtml += "<div class="swiper-slide"><div class="img"><img src="assets/img/products/' + products_cat + '/' + prod_lorem.img + '/' + i + '.png" alt=""></div><div class="img"><img src="assets/img/products/' + products_cat + '/' + prod_lorem.img + '/' + i++ + '.png" alt=""></div></div>";
}

在第二个 img 类中，i++ 和 i+1（打印 01）不起作用，我不能使用两个循环。我必须在一个循环中执行此操作才能不破坏代码。非常感谢。

【问题讨论】：

您正在字符串文字内进行字符串连接？没有意义。
那么你为什么不直接循环 2 并在输出中添加一个呢？
在c++中与上述问题重复（语法相同）。
双" 和单' 引号的交替似乎有问题。此外，您正在使用模板字符串，其中您的变量应包含在 ${ 和 } 中，没有串联
请发布 prod_lorem 和 products_cat

标签： javascript html for-loop

【解决方案1】：

使用++i:

for (var i = 0; i < prod_lorem.img; i++) {
    inhtml += '<div class="swiper-slide"><div class="img"><img src="assets/img/products/' + products_cat + '/' + prod_lorem.img + '/' + i + '.png" alt=""></div><div class="img"><img src="assets/img/products/' + products_cat + '/' + prod_lorem.img + '/' + ++i + '.png" alt=""></div></div>';
}

【讨论】：

【解决方案2】：

看看这个

const prod_lorem = { img : 5 }
const products_cat = "abc";
const html = Array.from({ length: prod_lorem.img }).map((_,i) => `
    <div class="swiper-slide">
        <div class="img">
            <img src="assets/img/products/${products_cat}/${i}/${i}.png" alt="">
        </div>
        <div class="img">
            <img src="assets/img/products/${products_cat}/${i}/${i+1}.png" alt="">

        </div>
    </div>`).join("");



console.log(html)

【讨论】：

【解决方案3】：

` 符号是一个模板文字。您错误地连接了您的字符串。您需要使用 ${} 进行替换。

此外，您不希望在循环内增加 i，因为它用于控制循环。

    inhtml += `
    <div class="swiper-slide">
        <div class="img">
            <img src="assets/img/products/${products_cat}/${prod_lorem.img}/${i}.png" alt="">
        </div>
        <div class="img">
            <img src="assets/img/products/${products_cat}/${prod_lorem.img}/${i + 1}.png" alt="">
        </div>
    </div>`;

【讨论】：

哦抱歉完全忘记了。现在编辑问题。
prod_lorem.img 也是一个变量