Конвертировать JSON в массив Javascript

Question

Конвертировать JSON в массив Javascript

9

В настоящее время я получаю объект JSON со стороны сервера моего приложения, результатом этого является

{"tags":"[{value: 2,label: 'Dubstep'},{value: 3,label: 'BoysIIMen'},{value: 4,label:'Sylenth1'}]"}

Но тогда мне действительно не нужны "теги" и двойные кавычки в результате.

Так что я хочу, это представление массива этого объекта JSON

поэтому как бы преобразовать этот

{"tags":"[{value: 2,label: 'Dubstep'},{value: 3,label: 'BoysIIMen'},{value: 4,label:'Sylenth1'}]"}

к этому

[{value: 2,label: 'Dubstep'},{value: 3,label: 'BoysIIMen'},{value: 4,label:'Sylenth1'}]

Здесь цикл, который создает массив

String k = "["; 
        List<Tag> tg = audioTaggingService.findTagsByName(q);
        for(int i = 0; i<audioTaggingService.findTagsByName(q).size();i++){
            Tag t = tg.get(i);
            if(i == (tg.size() - 1)){
                k+="{value: "+t.getId()+",label:'"+t.getName()+"'}";
            }else{
                k+="{value: "+t.getId()+",label:'"+t.getName()+"'}";
            }
        }
        k+="]";

Результатом приведенного выше кода является

[{value: 2,label: 'Dubstep'},{value: 3,label: 'BoysIIMen'},{value: 4,label:'Sylenth1'}]

user962206 30 янв. 2013, в 11:30

Источник

3

Из вашего примера вы можете просто получить доступ к obj.tags (где obj - ваш JSON-объект), который будет возвращать массив объектов, каждый из которых содержит value и свойство label .
Gavin 30 янв. 2013, в 10:17
0

@Gavin Гавин, не могли бы вы привести пример? Мне нужна вторая версия, потому что в настоящее время я использую плагин JQuery TagIt, для которого tagSource должен быть массивом.
user962206 30 янв. 2013, в 10:19
2

@Gavin Гэвин Нет, не будет. Свойство tags является строкой, о чем свидетельствуют двойные кавычки, окружающие весь его контент. Содержимое этой строки не является допустимым JSON, но является допустимым определением для массива в JavaScript.
Anthony Grist 30 янв. 2013, в 10:21
1

Если вы можете, вам будет гораздо лучше изменить код на стороне сервера, чтобы он возвращал реальный массив JSON, а не строку.
Anthony Grist 30 янв. 2013, в 10:23
0

Хммм, хорошо заметили @AnthonyGrist.
Gavin 30 янв. 2013, в 10:26
0

Можете ли вы показать свой серверный код? Если вы хотите пойти по пути ленивого парня, просто дважды проанализируйте свой результат или выберите способ мудреца и исправьте ошибочный код на стороне сервера.
Adrian Salazar 30 янв. 2013, в 10:35
0

@AdrianSalazar Там я уже разместил его, цикл, который создает объект Javascript
user962206 30 янв. 2013, в 10:50
0

Так откуда берется свойство "tag: property"?
Adrian Salazar 30 янв. 2013, в 10:52
1

@AdrianSalazar При отправке сервер добавляет его, я выяснил проблему сейчас. это значения, они в одинарных кавычках. Мне нужно сделать их двойными кавычками.
user962206 30 янв. 2013, в 10:54

Показать ещё 7 комментариев

Теги:

javascript

jquery

ajax

json

2 ответа

Ещё вопросы

Из вашего примера вы можете просто получить доступ к obj.tags (где obj - ваш JSON-объект), который будет возвращать массив объектов, каждый из которых содержит value и свойство label .
@Gavin Гавин, не могли бы вы привести пример? Мне нужна вторая версия, потому что в настоящее время я использую плагин JQuery TagIt, для которого tagSource должен быть массивом.
@Gavin Гэвин Нет, не будет. Свойство tags является строкой, о чем свидетельствуют двойные кавычки, окружающие весь его контент. Содержимое этой строки не является допустимым JSON, но является допустимым определением для массива в JavaScript.
Если вы можете, вам будет гораздо лучше изменить код на стороне сервера, чтобы он возвращал реальный массив JSON, а не строку.
Можете ли вы показать свой серверный код? Если вы хотите пойти по пути ленивого парня, просто дважды проанализируйте свой результат или выберите способ мудреца и исправьте ошибочный код на стороне сервера.
@AdrianSalazar Там я уже разместил его, цикл, который создает объект Javascript
Так откуда берется свойство "tag: property"?
@AdrianSalazar При отправке сервер добавляет его, я выяснил проблему сейчас. это значения, они в одинарных кавычках. Мне нужно сделать их двойными кавычками.

Darin Dimitrov · Answer 1 · 2013-01-30T11-23-00.000Z

Предполагая, что вы получили ответ на стороне сервера в объекте javascript с именем response, вы можете проанализировать свойство строки tags с помощью функции $.parseJSON. Но сначала вам нужно исправить код на стороне сервера, чтобы он возвращал действительную строку JSON для свойства тегов (в именах свойств JSON должны быть заключены в кавычки):

// This came from the server
var response = {"tags":"[{\"value\": 2,\"label\": \"Dubstep\"},{\"value\": 3,\"label\": \"BoysIIMen\"},{\"value\": 4,\"label\":\"Sylenth1\"}]"};

// Now you could parse the tags string property into a corresponding
// javascript array:
var tags = $.parseJSON(response.tags);

// and at this stage the tags object will contain the desired array
// and you could access individual elements from it:
alert(tags[0].label);

Если по какой-либо причине вы не можете изменить серверную часть script, чтобы предоставить действительный JSON в свойстве tags, вы все равно можете использовать eval вместо $.parseJSON:

var tags = eval(response.tags);

Это не рекомендуемый подход, обычно вам следует избегать использования eval, потому что он выполнит произвольный javascript.

Свойство tags в этом JSON - это строка, содержащая определение массива, на самом деле это не массив.
О, ты прав. Я заметил это. Спасибо за указание на это. Я буду обновлять свой ответ.
Я пытался это с помощью этого, но я получил эту Uncaught TypeError: Не могу прочитать свойство 'tags' из null
Я думаю, это потому, что у вас нет действительного JSON внутри свойства tags . Вам нужно будет исправить свой код на стороне сервера, чтобы он возвращал действительный JSON. В допустимой строке JSON имена свойств должны быть заключены в двойные кавычки. Я обновил свой ответ, чтобы поразмышлять над этим.
@MCL MCL, твой пример неверен. У вас есть кавычки всей переменной json . Попробуйте использовать переменную json, показанную в OP. Это не сработает.
@Darin Учитывая, что json уже проанализирован, это еще проще: http://jsfiddle.net/XTccG/1/
Да, вы используете eval , именно так, как я показал в своем ответе. Я не вижу, как это отличается от того, что я объяснил.
Я знаю об этом. Вот почему я разместил скрипку в качестве комментария к вашему ответу. По сути, нет никакой разницы, jsfiddle помогает другим людям понять, что делает код. Вот почему вы можете часто видеть скрипты для данных решений.

Wilher Distu · Answer 2 · 2014-11-18T18-33-00.000Z

initSelection: function (element, callback) {
                    var data = $(element).val();
                    callback($.parseJSON(data));
                }

Пожалуйста, добавьте некоторые пояснения относительно того, что делает этот код.