JSFiddle - React, Tailwind, and code Playground

by Tushar Jadhav

JavaScript

var data = [{
    "Id": 38,
    "Connections": [39, 40],
    "Name": "ABc"
}, {
    "Id": 39,
    "Connections": [40],
    "Name": "pqr"
}, {
    "Id": 40,
    "Connections": [],
    "Name": "lmn"
}];

var result = [];
data.forEach(function (obj) {
    var from = $('<div id="' + obj.Id + '" class="latestblock" data-id="' + obj.Connections + '">' + obj.Name + '</div>');

    obj.Connections.forEach(function (id) {
        // Get the corr. data
        var connectionObj = data.find(obj => obj.Id === id);
        var to = $('<div id="' + id + '" class="latestblock" data-id="' + connectionObj.Connections + '">' + connectionObj.Name + '</div>');

        result.push({from, to});
    });
});

console.log(result);