JSFiddle - React, Tailwind, and code Playground
by dshilkret
HTML
<div id="response">
Response
</div><br>
<div id="response2">
</div>
<input type="button" id="button" value="Get" />
<input type="button" id="clear" value="Clear" />
JavaScript
$('#button').click(function() {
var a2 = [{"columnGroup":"Custom Columns","description":"","displayName":"Compliance Asset Id","enforceUniqueValues":false,"hidden":false,"id": "418d7676-2d6f-42cf-a16a-e43d2971252a","indexed":false,"name":"ComplianceAssetId","readOnly":true,"required":false}]
var a1 = [
{
"column_id": "418d7676-2d6f-42cf-a16a-e43d2971252a",
"sys_id": "03daf8dfdb126b40bb8ee536ca961976"
},
{
"column_id": "db8d9d6d-dc9a-4fbd-85f3-4a753bfdc58c",
"sys_id": "1b7e5ab2db522b40bb8ee536ca961972"
},
{
"column_id": "1a53ab5a-11f9-4b92-a377-8cfaaf6ba7be",
"sys_id": "1b7edeb2db9ea300c18c59b2ca9619f0"
},
{
"column_id": "e08400f3-c779-4ed2-a18c-ab7f34caa318",
"sys_id": "2b7e5ab2db522b40bb8ee536ca96197d"
},
{
"column_id": "3a6b296c-3f50-445c-a13f-9c679ea9dda3",
"sys_id": "4f7edeb2db9ea300c18c59b2ca96195d"
},
{
"column_id": "f55c05e2-780b-428f-a355-3d42e7e72893",
"sys_id": "4f7edeb2db9ea300c18c59b2ca96195f"
},
{
"column_id": "39ad26d5-28ed-4b0d-adc5-52a0306d448b",
"sys_id": "4f7edeb2db9ea300c18c59b2ca961961"
},
{
"column_id": "d1cff744-ba61-4189-94d6-97d0a9eb4f6a",
"sys_id": "537ed6b2db522b40bb8ee536ca9619a4"
},
{
"column_id": "28cf69c5-fa48-462a-b5cd-27b6f9d2bd5f",
"sys_id": "5f7edeb2db9ea300c18c59b2ca961963"
},
{
"column_id": "5cc6dc79-3710-4374-b433-61cb4a686c12",
"sys_id": "5f7edeb2db9ea300c18c59b2ca961965"
}
]
var hash = Object.create(null);
a1.concat(a2).forEach(function(obj) {
hash[obj.column_id] = Object.assign(hash[obj.id] || {}, obj);
});
var a3 = Object.keys(hash).map(function(key) {
return hash[key];
});
//console.log(a1);
//console.log(a2);
document.getElementById("response2").innerHTML=JSON.stringify(a3[0]);
console.log(JSON.stringify(a3[0]));
});