Javascript массив итерация

Question

У меня есть массив JavaScript в sessionStorage и когда я делаю sessionStorage.getitem('states'), я получаю так:

"{ 
    "TamilNadu": [ 
     "Chennai", 
     "Trichy", 
     "Madurai" 
    ], 
    "Andhra": [ 
     "Hyderabad", 
     "Vizhag" 
    ], 
    "Karnataka": [ 
     "Bangalore", 
     "Mysore", 
     "Darwad" 
    ], 
    "Maharashtra": [ 
     "Mumbai", 
     "Pune" 
    ] 
}" 

Теперь мое требование, чтобы получить название штата от названия города. Например, если я передаю "Mumbai" функции в качестве параметра, эта функция должна прочитать значение sessionstorage и вернуть мне "Maharashtra".

Не могли бы вы помочь мне в достижении этого?

Answer 1

Этот код:

sessionStorage.getitem('states') 

возвращает строку. Вы должны проанализировать его:

var obj = JSON.parse(sessionStorage.getitem('states')) 

И объект следующего доступа атрибутов с помощью квадратных скобок или точки:

for (var attr in obj) { 
    if (obj.hasOwnProperty(attr) && obj[attr][0] == 'Mumbai') { 
     return attr; 
    } 
} 
return null; 

Answer 2

function getStateByCityName (cityName) { 
    var states = {}; 
    try { 
     states = JSON.parse(sessionStorage.getitem('states')); 
    } catch (e) { 
    } 
    for (var state in states) { 
     for (var i = 0; i < states[state].length; i ++) { 
      if (states[state][i] == cityName) 
       return state; 
     } 
    } 
    return null; 
} 

Answer 3

Это должно работать, но не может проверить:

function (arrayTarget, itemToSearch){ 
    for (x in arrayTarget) { 
     for(y in arrayTarget[x]) 
      if(itemToSearch == arrayTarget[x][y]) 
       return x; 
    } 
} 

Answer 4

Или просто используйте if (states[state].indexOf(cityName) !== -1)

getStateByCityName(cityName) { 
    var statesRaw = sessionStorage.getitem('states'); 
    var states = JSON.parse(statesRaw); 
    for (var state in states) { 
     if (states[state].indexOf(cityName) !== -1) { 
      return state; 
     } 
    } 
    return false; 
} 

Или в ECMAScript стиле 5 петель :))

getStateByCityName(cityName) { 
    var statesRaw = sessionStorage.getitem('states'); 
    var states = JSON.parse(statesRaw); 

    Object.keys(states).forEach(function(state) { 
     if (states[state].indexOf(cityName) !== -1) { 
      return state; 
     } 
    }) 
    return false; 
} 

---

Есть много способов (см другие ответы тоже), так что давайте взглянем на производительность.

Во-первых, чтобы перебирать свой объект http://jsperf.com/object-keys-vs-for-in-with-closure/3

В моем браузере быстрый случай был Object.keys for loop, так

getStateByCityName(cityName) { 
    var statesRaw = sessionStorage.getitem('states'); 
    var states = JSON.parse(statesRaw); 
    var states_keys = Object.keys(states); 

    for (var i = 0, l = states_keys.length; i < l; i++) { 
      // check if city exists 
    } 
    return false; 
} 

Далее нам нужно проверить, если город существует в этом состоянии. Я вижу два способа сделать это: 1), а другие предложил итерацию с for петли 2) шахта предложила .indexOf()

http://jsperf.com/js-for-loop-vs-array-indexof/2 в моем браузере indexOf() получил лучшие результаты, поэтому окончательную функцию

getStateByCityName(cityName) { 
    var statesRaw = sessionStorage.getitem('states'); 
    var states = JSON.parse(statesRaw); 
    var states_keys = Object.keys(states); 

    for (var i = 0, l = states_keys.length; i < l; i++) { 
     if (states[states_keys[i]].indexOf(cityName) !== -1) { 
      return states_keys[i]; 
     } 
    } 
    return false; 
} 

И как кто-то предложил использовать try/catch

getStateByCityName(cityName) { 
    var states = {}; 
    try { 
     states = JSON.parse(sessionStorage.getitem('states')); 
    } catch (e) { 
    } 
    var states_keys = Object.keys(states); 

    for (var i = 0, l = states_keys.length; i < l; i++) { 
     if (states[states_keys[i]].indexOf(cityName) !== -1) { 
      return states_keys[i]; 
     } 
    } 
    return false; 
}