localstorage: получить конкретное значение localstorage, которое содержит много элементов

jQuery имеет вспомогательный фильтр для этого:

$(result).filter(function(){return this.id == "item-3";})[0]

Функция для href элемента с определенным идентификатором будет:

function getItemHrefById(json, itemId){
    return json.filter(function(testItem){return testItem.id == itemId;})[0].href;
}

И пример использования:

var href = getItemHrefById(result, "item-3");

Вы можете увидеть рабочий пример на http://jsfiddle.net/LXvLB/.

ОБНОВЛЕНИЕ

Если вы не можете прочитать элемент из локального хранилища, возможно, вы забыли вызвать JSON.stringify при установке значения:

localStorage["results"] = JSON.stringify([{"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"}])

Вам нужно преобразовать json в строку для правильной сериализации (и использовать JSON.parse для возврата JSON)

Это последний пример.

ИЗМЕНИТЬ

Как указал бесполезный код, этот метод значительно медленнее, чем встроенная функция фильтра (и пользовательский цикл, но я думаю, что введение нескольких новых строк кода для экономии 20-30 мс является излишним, если только производительность не является проблемой), поэтому я обновляю свой пример не использовать фильтр jquery. +1, пожалуйста, за его ответ на это.

Кроме того, здесь важно отметить, что если бы этот массив имел сотни вместо 8 закладок, цикл for, вероятно, был бы статистически примерно в два раза быстрее (поскольку ему не нужно перебирать остальную часть массива). Но в этом случае, вероятно, было бы неплохо поместить цикл for в функцию, которая возвращает первый найденный элемент, который удовлетворяет условию, и с прототипы его, вероятно, можно даже подключить к массиву.

Использование собственного Array.filter

Если вы ориентируетесь только на современные браузеры (IE9+ или последнюю версию любого другого основного браузера ) вы можете использовать метод массива JavaScript 1.6 filter.

var 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) {
    // filter array down to only the item that has the id
    // https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/filter
    var ret = data.filter(function (item) {
        return item.id === id;
    });

    // Return the first item from the filtered array   
    // returns undefined if item was not found
    return ret[0];
}


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

Рабочий пример

Ручной цикл по данным

Если вы не можете использовать фильтр, вы, вероятно, застряли только с использованием цикла:

var 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 undefined;
}

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

Рабочий пример

Несмотря на то, что перебор с помощью цикла может показаться менее элегантным, чем использование Array.filter, оказывается, что в большинстве случаев цикл работает быстрее чем Array.filter.

Рефакторинг объекта вместо массива

Лучшим решением, предполагая, что id каждого из ваших элементов уникален, будет рефакторинг способа хранения данных. Вместо массива объектов используйте объект, который использует id в качестве ключа для хранения объекта, содержащего значения ключа/свойства href и icon.

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

Это сделало бы доступ к элементам еще проще и быстрее:

var data = JSON.parse(localStorage.getItem("result")); 
data["item-3"].href;

для метода фильтра jquery я думаю, что использование функции обратного вызова и привязка параметра поиска более элегантны и читабельны:

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

function getItemHrefById(json, itemId) {
    return $(json).filter(filterById.bind(null, itemId))[0].href;
}

обычная скрипка

(однако я предпочитаю для этого подход "для цикла"!!)