循环模数 % JS

Question

是否有更可读或更正确的方法通过循环构建一个 table 在新行之前最多包含 5 个元素。我使用模数运算符，但我确信它具有更易读或更优化的方式。

所以我需要做一个循环，每次"i"可以除以5我在新行上跳转 。你有更多的建议还是我的代码很完美？

function refreshLibs() {
    let list = sheet_selected==="all" && $PME.libraryObj || _sortSheetType($PME.libraryObj);
    list = cat_selected==="all" && list || _sortCategory(list);

    for (let [i,len,x,y,m,l] = [0,list.length,0,0,50,1]; i < len; i++) { // m:marge l:line
        const cage = list[i];
        [cage.x,cage.y] = [x,y];
        if( !((i+1)%6) ){ [x,y,l] = [0,y+cage.height+20,++l] } // this can be optimize ???
        else{x+=cage.width+m;};
        cage_library.addChild(cage);
    };
};

Answer 1

哇，找个数学实验给我跳转循环线的魔法代码吧！

    for (let i=x=y=l= 0, len = list.length; i < len; i++) {
        const cage = new PIXI.Container();
        const cage_Bg = drawRec(0, 0, 170, 122);
        cage_Bg.x = x+150, cage_Bg.y = y;
        cage.addChild(cage_Bg);
        Cage_Libs.addChild(cage);
        x+=cage_Bg.width+marX;

        if(!(~i%~4)){ // MAGICCCCCS JUMP EACH 4*(I) and loop and loop allow start at 0
         x=0,y+=marX;
        }
    };

循环模数 % JS

loop with modulus % JS

javascript

loops

ecmascript-6

operators

modulus