JSFiddle - React, Tailwind, and code Playground

by jfriend00

CSS

body {
    font-family: "Courier New";
    font-size: 12px;
}

JavaScript

var array1 = [{ "name" : "foo" , "age" : "22"}, { "name" : "bar" , "age" : "33"}];
var array2 = [{ "name" : "foo" , "age" : "22"}, { "name" : "buz" , "age" : "35"}];

function mergeArrays() {
    var index = {}, i, len, merge = [], arr, name;
    
    for (var j = 0; j < arguments.length; j++) {
        arr = arguments[j];
        for (i = 0, len = arr.length; i < len; i++) {
            name = arr[i].name;
            if (!(name in index)) {
                index[name] = true;
                merge.push(arr[i]);
            }
        }
    }
    return(merge);
}

var merged = mergeArrays(array1, array2);
document.body.innerHTML = JSON.stringify(merged);