JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

JavaScript

var results= [
    {"id":"item-1","href":"google.com","icon":"google.com"},
    {"id":"item-2","href":"youtube.com","icon":"youtube.com"},
    {"id":"item-3","href":"google.com","icon":"google.com"},
    {"id":"item-4","href":"google.com","icon":"google.com"},
    {"id":"item-5","href":"youtube.com","icon":"youtube.com"},
    {"id":"item-6","href":"asos.com","icon":"asos.com"},
    {"id":"item-7","href":"google.com","icon":"google.com"},
    {"id":"item-8","href":"mcdonalds.com","icon":"mcdonalds.com"}];


function filterById(id, i, obj) {
    return obj.id === id;
}

function getItemHrefById(json, itemId) {
    return $(json).filter(filterById.bind(null, itemId))[0].href;
}
                          
//console.log( $(results).filter(getResultById.bind(null, 'item-7')) );
$('div').append(getItemHrefById(results, 'item-7'));