Преобразовать строку объекта в JSON

Как я могу преобразовать строку, которая описывает объект в строку JSON, используя JavaScript (или jQuery)?

Например: преобразовать это ( НЕ допустимая строка JSON):

var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }"

в это:

str = '{ "hello": "world", "places": ["Africa", "America", "Asia", "Australia"] }'

Я хотел бы избежать использования, eval()если это возможно.

Если строка из доверенного источника , вы могли бы использовать evalто JSON.stringifyрезультат. Как это:

var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";
var json = JSON.stringify(eval("(" + str + ")"));

Обратите внимание, что когда вы eval объектный литерал, он должен быть заключен в скобки, в противном случае фигурные скобки анализируются как блок, а не как объект.

Я также согласен с комментариями под вопросом, что было бы намного лучше просто кодировать объект в допустимом JSON для начала и избегать необходимости разбирать, кодировать, а затем, вероятно, анализировать его снова . HTML поддерживает атрибуты с одинарными кавычками (просто убедитесь, что HTML-кодирует любые одинарные кавычки внутри строк).

Ваша строка не является допустимой JSON, поэтому JSON.parse(или JQuery's$.parseJSON ) не будет работать.

Один из способов - использовать evalдля «разбора» «недействительный» JSON, а затем stringify«преобразовать» его в действительный JSON.

var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }"
str = JSON.stringify(eval('('+str+')'));

Я предлагаю вместо того, чтобы пытаться «исправить» ваш неверный JSON, вы начинаете с правильного JSON. Как strгенерируется, это должно быть исправлено там, до того, как будет сгенерировано, а не после.

РЕДАКТИРОВАТЬ : Вы сказали (в комментариях), эта строка хранится в атрибуте данных:

<div data-object="{hello:'world'}"></div>

Я предлагаю вам исправить это здесь, так что это может быть просто JSON.parsed. Во-первых, оба ключа и значения должны быть заключены в двойные кавычки. Это должно выглядеть так (атрибуты в одинарных кавычках в HTML действительны):

<div data-object='{"hello":"world"}'></div>

Теперь вы можете просто использовать JSON.parse(или JQuery $.parseJSON).

var str = '{"hello":"world"}';
var obj = JSON.parse(str);

jQuery.parseJSON

str = jQuery.parseJSON(str)

Редактировать. Это при условии, что у вас есть допустимая строка JSON

Используйте простой код в ссылке ниже:

http://msdn.microsoft.com/es-es/library/ie/cc836466%28v=vs.94%29.aspx

var jsontext = '{"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]}';
var contact = JSON.parse(jsontext);

и обратный

var str = JSON.stringify(arr);

Я надеюсь, что эта маленькая функция преобразует неверную строку JSON в правильную.

function JSONize(str) {
  return str
    // wrap keys without quote with valid double quote
    .replace(/([\$\w]+)\s*:/g, function(_, $1){return '"'+$1+'":'})    
    // replacing single quote wrapped ones to double quote 
    .replace(/'([^']+)'/g, function(_, $1){return '"'+$1+'"'})         
}

результат

var invalidJSON = "{ hello: 'world',foo:1,  bar  : '2', foo1: 1, _bar : 2, $2: 3, 'xxx': 5, \"fuz\": 4, places: ['Africa', 'America', 'Asia', 'Australia'] }"
JSON.parse(invalidJSON) 
//Result: Uncaught SyntaxError: Unexpected token h VM1058:2
JSON.parse(JSONize(invalidJSON)) 
//Result: Object {hello: "world", foo: 1, bar: "2", foo1: 1, _bar: 2…}

Используйте с осторожностью (из-за eval()):

function strToJson(str) {
  eval("var x = " + str + ";");
  return JSON.stringify(x);
}

называть как:

var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";
alert( strToJson(str) );

Отказ от ответственности: не пытайтесь сделать это дома, или для чего-либо, что требует, чтобы другие разработчики относились к вам серьезно:

JSON.stringify(eval('(' + str + ')'));

Там я сделал это.
Постарайся не делать этого, но Эвал для тебя ПЛОХО. Как уже говорилось выше, используйте JSON от Crockford для старых браузеров (IE7 и ниже)

Этот метод требует, чтобы ваша строка была действительным javascript , который будет преобразован в объект javascript, который затем можно сериализовать в JSON.

редактировать: исправлено, как предложено Rocket.

Я поставил свой ответ для тех, кто заинтересован в этой старой теме.

Я создал анализатор HTML5 data- * для плагина jQuery и демо, которые конвертируют искаженную строку JSON в объект JavaScript без использования eval().

Он может передавать атрибуты данных data5 * ниже:

<div data-object='{"hello":"world"}'></div>
<div data-object="{hello:'world'}"></div>
<div data-object="hello:world"></div>

в объект:

{
    hello: "world"
}

У Дугласа Крокфорда есть конвертер, но я не уверен, что он поможет с плохим JSON в хороший JSON.

https://github.com/douglascrockford/JSON-js

Есть намного более простой способ выполнить это умение, просто перехватите атрибут onclick фиктивного элемента, чтобы принудительно вернуть вашу строку как объект JavaScript:

var jsonify = (function(div){
  return function(json){
    div.setAttribute('onclick', 'this.__json__ = ' + json);
    div.click();
    return div.__json__;
  }
})(document.createElement('div'));

// Let's say you had a string like '{ one: 1 }' (malformed, a key without quotes)
// jsonify('{ one: 1 }') will output a good ol' JS object ;)

Вот демонстрация: http://codepen.io/csuwldcat/pen/dfzsu (откройте консоль)

Вам нужно использовать «eval», затем JSON.stringify, а затем JSON.parse для результата.

 var errorString= "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";
 var jsonValidString = JSON.stringify(eval("(" + errorString+ ")"));
 var JSONObj=JSON.parse(jsonValidString);

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

var i = eval("({ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] })");

Ваша лучшая и самая безопасная ставка - JSON5 - JSON for Humans . Он создан специально для этого варианта использования.

const result = JSON5.parse("{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }");

console.log(JSON.stringify(result));

<script src="https://cdnjs.cloudflare.com/ajax/libs/json5/0.5.1/json5.min.js"></script>

Использование новой функции () лучше, чем eval, но все же следует использовать только с безопасным вводом.

const parseJSON = obj => Function('"use strict";return (' + obj + ')')();

console.log(parseJSON("{a:(4-1), b:function(){}, c:new Date()}"))
// outputs: Object { a: 3, b: b(), c: Date 2019-06-05T09:55:11.777Z }

Источники: MDN , 2ality

В приведенном выше простом примере вы можете сделать это с помощью двух простых замен регулярных выражений:

var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";
str.replace(/(\w+):/g, '"$1":').replace(/'/g, '"');
 => '{ "hello": "world", "places": ["Africa", "America", "Asia", "Australia"] }'

Большое предостережение : этот наивный подход предполагает, что у объекта нет строк, содержащих символ 'или :. Например, я не могу придумать хороший способ преобразовать следующую строку объекта в JSON без использования eval:

"{ hello: 'world', places: [\"America: The Progressive's Nightmare\"] }"

Просто для причуд, вы можете конвертировать вашу строку через babel-standalone

var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";

function toJSON() {
  return {
    visitor: {
      Identifier(path) {
        path.node.name = '"' + path.node.name + '"'
      },
      StringLiteral(path) {
        delete path.node.extra
      }
    }
  }
}
Babel.registerPlugin('toJSON', toJSON);
var parsed = Babel.transform('(' + str + ')', {
  plugins: ['toJSON']
});
var json = parsed.code.slice(1, -2)
console.log(JSON.parse(json))

<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

var str = "{привет: 'мир', места: ['Африка', 'Америка', 'Азия', 'Австралия']}" var fStr = str .replace (/ ([Az] *) (:) / g, '"$ 1":') .replace (/ '/ g, "\" ")

console.log (JSON.parse (Fstr))

Извините, я на своем телефоне, вот картинка.

Решение с одним регулярным выражением и без использования eval:

str.replace(/([\s\S]*?)(')(.+?)(')([\s\S]*?)/g, "$1\"$3\"$5")

Я считаю, что это должно работать для нескольких строк и всех возможных вхождений (/ g флаг) «строки» в одинарных кавычках, заменяемых «строкой» в двойных кавычках.

var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";
var json = JSON.stringify(eval("(" + str + ")"));

Может быть, вы должны попробовать это:

str = jQuery.parseJSON(str)