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

標籤：有一個   name   注釋   今天   分割數組   demo   需求   同事   分割   

 今天一個新人同事問了我一個問題,就是有一個像下邊這種不知道具體長度的數組,想以每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 = [];            }        };

是處理完的二維數組

 

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