Wie bekomme ich Map-Variable von Json mit Jquery

Question

Ich bin mit einem Problem beim Parsen von Daten aus einem Array mit jquery fest. Bitte leiten Sie mich, um das Problem zu beheben.

var json = '{ "menu1": ["City1", "City2", "City3"], "menu2": ["City1", "City2"] } '; 
var arr = $.parseJSON(json); 
console.log(arr); 

Ausgabe: undefined

Erwartet ouput:

Menu1: ["City1","City2","City3"] 

Menu2: ["City1","City2"] 

Wie analysieren wir die Werte für den Schlüssel menu1 aus den obigen json?

Answer 1

verwenden, um die . Operator die Felder zuzugreifen, nachdem parssing json

var json = '{ "menu1": ["City1", "City2", "City3"], "menu2": ["City1", "City2"] } '; 
 
var arr = $.parseJSON(json); 
 
console.log(arr.menu1); 
 
console.log(arr.menu2);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

Try this;)

var json = '{ "menu1": ["City1", "City2", "City3"], "menu2": ["City1", "City2"] } '; 
 

 
/* JSON.parse is fine to parse data in browser without using jQuery. */ 
 
var arr = JSON.parse(json); 
 
console.log('All menus', arr); 
 

 
/* You can access values in any of the way dot(.) or bracket([]) notation. */ 
 
console.log('Menu 1', arr.menu1, arr['menu1']); 
 
console.log('Menu 2', arr.menu2, arr['menu2']);