JSFiddle - React, Tailwind, and code Playground

Created for an answer to http://stackoverflow.com/questions/8101113/localstorage-get-specific-localstorage-value-of-which-contains-many-items

HTML

<div id="out"></div>

JavaScript

var output = '',
    out = document.getElementById('out'),
    testItem,
    data = [{"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 getItemById(data, id) {

    var i, len;
    for (i = 0, len = data.length; i < len; i += 1) {
        if(id === data[i].id) {
            return data[i];
        }
    }
 
    return null;
}

testItem = getItemById(data, 'item-3');

output = '<p>id:' + testItem.id + '</p>' +
         '<p>href:' + testItem.href + '</p>' +
         '<p>icon:' + testItem.icon + '</p>';

out.innerHTML = output;