JSFiddle - React, Tailwind, and code Playground

JavaScript

var a = [
        {"id": 1, "name": "yadda", "description": "yadda yadda"},
        {"id": 2, "name": "yadda1", "description": "yadda yadda1"},
        {"id": 7, "name": "yadda2", "description": "yadda yadda2"},
        {"id": 10, "name": "yadda3", "description": "yadda yadda3"}
    ], 
    b = [
        {"id": 1, "icon": "icon1.gif"},
        {"id": 2, "icon": "icon2.gif"},
        {"id": 7, "icon": "icon3.gif"},
        {"id": 10, "icon": "icon4.gif"}
    ],
    result = a.map(function(v){
    
        var ret;
        
        $.each(b, function(k, v2){
            
            if(v2.id === v.id){
                ret = $.extend({}, v2, v);
                return false;
            }      
        });
        
        return ret;
        
    });

console.log(result);