JSFiddle - React, Tailwind, and code Playground

by Mark

JavaScript

var data = []; 

var loadData = function() {
			var array = [];
			for (var i = 0; i < 200; i++) {
                data.push(randomString());   
			}
       
    }
    
 var randomString = function() {
		var value = "";
		var letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
		for( var i=0; i < 10; i++ ) {
			value += letters.charAt(Math.floor(Math.random() * letters.length));
		}
		return value;		
	}
    
loadData();

var columns = {};

arrayToColumns = function(arr, numColumns) {

    columns.data = [];
    
    for(var z = 0; z < numColumns; z++)
    {
     	columns.data.push([]);   
    }
    var itemsPerColumn = Math.ceil(arr.length / numColumns);
    
    for(var i = 0; i < numColumns; i++){
        columns.data[i].push(arr.splice(0, itemsPerColumn));
    }
    
    return columns;
}
arrayToColumns(data, 3);
console.log(columns);