Home / Questions / 1648
Accepted
Gemasoft
Asked: 2020-12-24 03:21:35 +0800 CST 2020-12-24 03:21:35 +0800 CST

Как я могу преобразовать строку JSON в объект в JavaScript?

  • 772

Если у меня есть строковая переменная со следующим значением:

var myString = "{'nombre':'juan'}";

Как я могу преобразовать строку в объект JSON в JavaScript?

javascript

4 Answers

  1. Best Answer

    Предполагая, что мы правильно поняли синтаксис JSON, ваша строка:

    var s = '{"nombre":"juan"}';

    Это уже JSON! , вам не нужно никакого преобразования.

    Нотация JSON — это способ сериализации объекта JavaScript в строку, так что у вас уже есть JSON.

    Примечание . Вы можете написать его (без переменной s и без одинарных кавычек: {"nombre":"juan"}) на этой странице: Json Parser Online , чтобы проверить его.

    Теперь, если вы хотите преобразовать его в объект JavaScript.

    var o = JSON.parse(s);

    и вернуть его в JSON:

    var json = JSON.stringify(o);

    Наконец, как упоминает @ratlab, если ваш браузер не поддерживает объект, JSONвы можете использовать библиотеку, например json2.js или JSON 3 .

    Или используйте этот полифилл из MDN прямо в коде:

    if (!window.JSON) {
    window.JSON = {
        parse: function(sJSON) { return eval('(' + sJSON + ')'); },
        stringify: (function () {
            var toString = Object.prototype.toString;
            var isArray = Array.isArray || function (a) { return toString.call(a) === '[object Array]'; };
            var escMap = {'"': '\\"', '\\': '\\\\', '\b': '\\b', '\f': '\\f', '\n': '\\n', '\r': '\\r', '\t': '\\t'};
            var escFunc = function (m) { return escMap[m] || '\\u' + (m.charCodeAt(0) + 0x10000).toString(16).substr(1); };
            var escRE = /[\\"\u0000-\u001F\u2028\u2029]/g;
            return function stringify(value) {
                if (value == null) {
                    return 'null';
                } else if (typeof value === 'number') {
                    return isFinite(value) ? value.toString() : 'null';
                } else if (typeof value === 'boolean') {
                    return value.toString();
                } else if (typeof value === 'object') {
                    if (typeof value.toJSON === 'function') {
                        return stringify(value.toJSON());
                    } else if (isArray(value)) {
                        var res = '[';
                        for (var i = 0; i < value.length; i++)
                            res += (i ? ', ' : '') + stringify(value[i]);
                        return res + ']';
                    } else if (toString.call(value) === '[object Object]') {
                        var tmp = [];
                        for (var k in value) {
                            if (value.hasOwnProperty(k))
                                tmp.push(stringify(k) + ': ' + stringify(value[k]));
                        }
                        return '{' + tmp.join(', ') + '}';
                    }
                }
                return '"' + value.toString().replace(escRE, escFunc) + '"';
            };
        })()
    };
}

    Примечание . Теперь, когда я немного больше изучил 3 библиотеки, упомянутые выше, json2.jsи JSON 3pollyfill, я рекомендую только JSON 3 . Причина в том, что pollyfill — это просто, вероятно, неподдерживаемый образец кода, и json2.js, несмотря на то, что это исходная библиотека, это старая библиотека с некоторыми ошибками и не соответствует текущему стандарту. Дополнительные сведения см. в разделе Изменения по сравнению с JSON 2 документации JSON 3.

    • 35

  2. В JavaScript есть 2 метода преобразования строки с нотацией JSON в объект и JSON.parseнаоборот JSON.stringify:

    var obj1 = 'null';
var obj2 = '1';
var obj3 = '"string"';
var obj4 = '[1,2,3]';
var obj5 = '{"double_quote": "any object"}'

console.log(JSON.parse(obj1)); => null
console.log(JSON.parse(obj2)); => 1
console.log(JSON.parse(obj3)); => "string"
console.log(JSON.parse(obj4)); => [1,2,3]
console.log(JSON.parse(obj5)); => {"double_quote": "any object"}

console.log(JSON.stringify(obj3)) => "\"string\""

    Вы должны иметь в виду, что null, true, falseтакже являются допустимыми значениями JSON и что строки символов должны включать двойные кавычки в начале и конце строки, чтобы они считались таковыми, иначе они будут интерпретироваться как другие типы данных. Регулярные выражения и функции не являются таковыми, поскольку JSON является форматом обмена данными, а последние считаются «кодом».

    Вы можете найти полную спецификацию формата здесь, а также на самой странице json.org .

    Эти функции поддерживаются в большинстве браузеров Chrome, Firefox 3.5+, Internet Explorer 8+, Opera 10.5+ и Safari 4.0+.

    Если его нет, можно использовать библиотеку JSON2 , сделанную самим Дугласом Крокфордом , создателем этого формата, на основе существующих структур JavaScript.

    • 7

  3. Принимая во внимание ваш код инициализации:

    var myString = "{'nombre':'juan'}";

    Решение

    Использование встроенных инструментов языка: JSON.parse()

    var objeto = JSON.parse(myString);

    Документация MDN говорит нам, что:

    JSON.parse(text[, Reviver]) : метод JSON.parse() анализирует текстовую строку как JSON, при необходимости преобразуя значение, полученное в результате анализа.

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

    Это можно увидеть на странице: JSON в JavaScript .

    var myJSONObject ... Чтобы преобразовать текст JSON в объект ...

    • 6

  4. Добавьте к ответу @dabbbb.

    какие браузеры любят:

    • ie8 вперед.
    • Fire Fox
    • Хром

    у них есть встроенная поддержка JSON, если вам нужно сделать это в старых браузерах, вам нужно будет включить JSON2

    • 5