JS使用迴圈按指定倍數分割陣列組成新的陣列的方法

李文楊發表於2017-10-12
JS陣列

 今天一個新人同事問了我一個問題,就是有一個像下邊這種不知道具體長度的陣列,想以每4個為一組,重新組合為一個二維陣列,很簡單的需求只需要用到一個迴圈再去取餘數就可以了,寫了一個小demo在這裡把程式碼包括註釋貼出來供新人蔘考,程式碼如下:

        var chartArr = [
        {value:1,name:'哈哈'},
        {value:2,name:'哈哈'},
        {value:3,name:'哈哈'},
        {value:4,name:'哈哈'},
        {value:5,name:'哈哈'},
        {value:6,name:'哈哈'},
        {value:7,name:'哈哈'},
        {value:8,name:'哈哈'},
        {value:9,name:'哈哈'},
        {value:10,name:'哈哈'},
        {value:11,name:'哈哈'},
        {value:12,name:'哈哈'},
        {value:13,name:'哈哈'}
        ];
        var allData = []; //用來裝處理完的陣列
        var currData = []; //子陣列用來存分割完的資料
        //迴圈需要處理的陣列
        for(var i = 0; i < chartArr.length; i++) {
            //將chartArr[i]新增到子陣列
            currData.push(chartArr[i]);
            console.log(i)
            //在這裡求4的餘數,如果i不等於0,且可以整除 或者考慮到不滿4個或等於4個的情況就要加上  i等於當前陣列長度-1的時候
            if((i != 0 && (i + 1) % 4 == 0) || i == chartArr.length - 1) {
                //把currData加到allData裡
                allData.push(currData);
                //在這裡清空currData
                currData = [];
            }
        };

下圖是處理完的二維陣列

 

相關文章