Лучший способ преобразовать строку в массив объекта в javascript?

Ответ 1

Я думаю, что лучший способ сделать это, как Дуглас Крокфорд (один из гугест-гигантов JavaScript) предлагает здесь использует собственный парсер JSON, поскольку он не только быстрее, чем eval(), он также более безопасен.

Собственный парсер JSON уже доступен в:

• Firefox 3.5 +
• IE 8 +
• Opera 10.5 +
• Safari Safari 4.0.3 +
• Chrome (не знаю, какая версия)

И Крокфорд сделал безопасный спад в javascript, называемый json2.js, который является адаптацией подхода eval(), с некоторыми добавлены биты безопасности и собственный API-интерфейс парсеров JSON. Вам просто нужно включить этот файл, удалить его первую строку и использовать собственный парсер JSON, и если он не будет представлен json2, он выполнит эту работу.

Вот пример:

var myJSONString = '{ "a": 1, "b": 2 }',
    myObject = JSON.parse(myJSONString);

После анализа вы получите объект с атрибутами a и b, и, как вы знаете, вы можете рассматривать объект как хэш-таблицу или ассоциативный массив в JavaScript, поэтому вы сможете получить доступ к следующим значениям:

myObject['a'];

Если вы просто хотите простой массив, а не ассоциативный, вы можете сделать что-то вроде:

var myArray = [];
for(var i in myObject) {
    myArray.push(myObject[i]);
}

Наконец, хотя это не обязательно в простом JavaScript, .

Ответ 2

Самый простой, но небезопасный способ сделать это:

eval('(' + myJSONtext + ')')

Но поскольку это будет интерпретировать любой код javascript, у него есть дыры в безопасности. Для защиты от этого используйте парсер json. Если вы используете фреймворк (jquery, mootools и т.д.), Есть конкретный вызов, основанный на структуре. Большинство из них основаны на парсере Douglas Crawford, доступном в http://www.json.org/js.html.

Ответ 3

Поскольку ваша строка неверна JSON, парсер JSON не может правильно разобрать его, и даже eval() выдает ошибку. Это также не массив, а HashMap или просто литерал Object (искаженный). Если литерал Object будет содержать только числовые и строковые значения (и не дочерние объекты/массивы), вы можете использовать следующий код.

function malformedJSON2Array (tar) {
    var arr = [];
    tar = tar.replace(/^\{|\}$/g,'').split(',');
    for(var i=0,cur,pair;cur=tar[i];i++){
        arr[i] = {};
        pair = cur.split(':');
        arr[i][pair[0]] = /^\d*$/.test(pair[1]) ? +pair[1] : pair[1];
    }
    return arr;
}

malformedJSON2Array("{a:12, b:c, foo:bar}");
// result -> [{a:12},{b:'c'},{foo:'bar'}]

Этот код превратит вашу строку в массив объектов (множественное число).

Если вы действительно хотели HashMap (Ассоциативный массив) и НЕ массив, используйте следующий код:

function malformedJSON2Object(tar) {
    var obj = {};
    tar = tar.replace(/^\{|\}$/g,'').split(',');
    for(var i=0,cur,pair;cur=tar[i];i++){
        pair = cur.split(':');
        obj[pair[0]] = /^\d*$/.test(pair[1]) ? +pair[1] : pair[1];
    }
    return obj;
}

malformedJSON2Object("{a:12, b:c, foo:bar}");
// result -> {a:12,b:'c',foo:'bar'}

При запуске вложенных объектов и массивов приведенный выше код станет намного более сложным. В основном вам придется переписать JSON.js и JSON2.js для поддержки некорректного JSON.

Также рассмотрим следующий вариант, который по-прежнему плохой, я допускаю, но немного лучше, чем приклеивание JSON внутри атрибута тега HTML.

<div id="DATA001">bla</div>
<!-- namespacing your data is even better! -->
<script>var DATA001 = {a:12,b:"c",foo:"bar"};</script>

Я предполагаю, что вы пропустили кавычки в строке, потому что вы поместили ее внутри атрибута HTML-тега и не хотели скрывать кавычки.

Ответ 4

Вы можете использовать "for in"

var myObject = {a:'12', b:'c', foo:'bar'};
var myArray = [];

for(key in myObject) {
    var value = myObject[key];
    myArray[key] = value;
}

myArray['a']; // returns 12

Примечания: учитывая, что myObject имеет только один уровень пар ключ-значение.

Ответ 5

Если вы используете jQuery, $. parseJSON(). Он генерирует исключение, если строка неверна, и "Кроме того, если вы ничего не передадите, пустая строка, null или undefined," null "будет возвращена из parseJSON. Где браузер обеспечивает собственную реализацию JSON.parse, jQuery использует его для анализа строки"