Прочитать строку json map в jquery

Question

Я пытаюсь прочитать строку json string в jQuery. Я попытался ниже способ, но получение:

Недопустимый операнд ошибка

Любая помощь приветствуется.

var data = '{"Category1":["A","B","C"],"Category2":["P","Q","R"]}'; 

$.each(data, function(k,v) { 
    console.log(k + " " + v); 

    $.each(v, function(item) { 
     console.log(k + "-" + item); 
    } 
}); 

Ожидая category1 - А, category1 - B ...

Answer 1

Небольшое изменение в @abpatil ответ, это то, что именно вы хотите.

var data='{"Category1":["A","B","C"],"Category2":["P","Q","R"]}'; 
 

 
$.each(JSON.parse(data), function (k, v) { 
 
    console.log(k + " "+ v); 
 
    $.each(v, function (i, data) { 
 
     console.log(k + ' - ', data); 
 
    }) 
 
});

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

надежда, что помогает!

Answer 2

Использование JSON.parse для разбора JSON строку. Попробуйте следующие код-

var data='{"Category1":["A","B","C"],"Category2":["P","Q","R"]}'; 
 
//use JSON.parse to parse a JSON string 
 
$.each(JSON.parse(data), function(k,v) { 
 
    console.log(k +" "+v); 
 
    $.each(v, function(item) { 
 
      console.log(k +"-"+item); 
 
    });//here you missed closing bracket 
 
});

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

Answer 3

Используйте v[item], как вы должны принести элементы массива по их индексу.

var data={"Category1":["A","B","C"],"Category2":["P","Q","R"]}; 
 

 
$.each(data, function(k,v) { 
 
    console.log(k +" "+v); 
 
    $.each(v, function(item) { 
 
     console.log(k +"-"+v[item]); 
 
    }); 
 
});

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