Как нормально распарсить json?

Question

[Xaip]

Работаю в Redux транспилирую код через babel.
Получаю с сервера вот такую строку.

{'id': 50, 'text': 'j', 'datetime': '2018-07-04 12:15:56.154427+00:00', 'sender': 'test', 'thread': 1}

Казалось бы... Тривиальная задача JSON.constructor() и все, но нет.

// Вот такая конструкция
JSON.constructor({'id': 50, 'text': 'j', 'datetime': '2018-07-04 12:15:56.154427+00:00', 'sender': 'test', 'thread': 1})
//Выдает мне вот это...
String {"{'id': 50, 'text': 'j', 'datetime': '2018-07-04 12…:56.154427+00:00', 'sender': 'test', 'thread': 1}"}

Хотя в консоли node и хрома выдается нормальный объект:

// Вот такой объект я хочу получить, а Js на до мной издевается
{id: 50, text: "j", datetime: "2018-07-04 12:15:56.154427+00:00", sender: "test", thread: 1}

Comments

[Александр Симонов]

почему-то мне кажется что нужно сделать JSON.parse

[Interface]

>>> Казалось бы... Тривиальная задача JSON.constructor() и все, но нет.
// Вот такая конструкция
JSON.constructor({'id': 50, 'text': 'j', 'datetime': '2018-07-04 12:15:56.154427+00:00', 'sender': 'test', 'thread': 1})
//Выдает мне вот это...
String {"{'id': 50, 'text': 'j', 'datetime': '2018-07-04 12…:56.154427+00:00', 'sender': 'test', 'thread': 1}"}

---

Неправда.
JSON.constructor({'id': 50}) - исполните в браузере или в ноде - получите объект

Answer 1

[Владимир Проскурин]

Кажись в хроме и ноде вы передаете в JSON.constructor объект (который вы скинули), а в вашем коде передается строка, которую нужно превратить в объект через JSON.parse
UPD: У вас формат JSON5, т.к. у вас одинарные кавычки. Есть пару вариантов.
1) Зафигачить все это дело в eval (не круто).
2) Заменить через replace одинарные кавычки на двойные (так себе).
3) Можете использовать эту либу https://github.com/json5/json5 (уже лучше).
4) Постучать по голове back-end, чтобы выдавал нормальный JSON (идеальный вариант).

Comments

[Xaip]

это так. Я получаю строку, но она с вот такими кавычками "{ }". А он принимает только такие '{ }'

[Xaip]

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

Answer 2

[Interface]

а что вы вообще ожидаете увидеть как результат этой JSON.constructor({...}) операции?

Вызов JSON.constructor - это вызов конструктора объекта window.JSON (window.JSON - простой объект, а не класс например). При этом его конструктором является Object.

Т. е. JSON.constructor({...}) эквивалентно Object({...})

Вызов Object() - вернет либо объект, либо "коробочное" значение примитива:
Object(true) === true // false

Чтобы преобразовать объект к строке - вам нужно использовать JSON.stringify, из строки в объект - JSON.parse.

Чтобы JSON работал с одинарными кавычками (не понятно зачем оно вам) - можно использовать либы подобные этой https://json5.org/

Comments

[Xaip]

JSON parse не работает с ДВОЙНЫМИ КАВЫЧКАМИ. Он не парсит такую строку "{'hi':'dude'}" Ну никак. Может можно как то инвертировать кавычки?

[Interface]

Xaip, можно заменить все одинарные на двойные (в случае если используется только 1 вид кавычек):
JSON.parse(s.replace(/\'/g, '"'))

можно и инвертировать кавычки примерно так:

`single 'quotes', double "quotes" `.replace(/'|"/g, s => s === '"' ? '\'' : '"')

Answer 3

[Ihor Bratukh]

У вас не валидный JSON, без двойных кавычек. Это даже не JSON а Javascript объект.

JSON.parse(JSON.stringify({'id': 50, 'text': 'j', 'datetime': '2018-07-04 12:15:56.154427+00:00', 'sender': 'test', 'thread': 1}))

Можете сразу при парсе обработать дату сделав из строки объект даты:

var string = JSON.stringify({'id': 50, 'text': 'j', 'datetime': '2018-07-04 12:15:56.154427+00:00', 'sender': 'test', 'thread': 1});
var object = JSON.parse(string, function(key, value) {
	return key === 'datetime' ? new Date(value) : value;
});

Comments

[Ihor Bratukh]

Если Вы из ноды передаете этот объект, то при передаче делайте JSON.stringify(), а на клиенте уже делайте JSON.parse().

[Xaip]

Нет, я уже это пробовал. Вот лог:

websocket.js?565f:28 До парса
16:51:07.384 websocket.js?565f:29 {'id': 58, 'text': 'цуа', 'datetime': '2018-07-04 12:51:07.327731+00:00', 'sender': 'test', 'thread': 1}
16:51:07.384 websocket.js?565f:31 После парса
16:51:07.384 websocket.js?565f:32 {'id': 58, 'text': 'цуа', 'datetime': '2018-07-04 12:51:07.327731+00:00', 'sender': 'test', 'thread': 1}

Код:

console.log("До парса");
                    console.log(evt.data);
                    const msg = JSON.parse(JSON.stringify(evt.data));
                    console.log("После парса");
                    console.log(msg);
                    store.dispatch({type:types.MESSAGE[0], payload:msg})

Answer 4

[Gaba-Zhaba]

вот такой вариант:

const toJSON = {'id': 50, 'text': 'j', 'datetime': '2018-07-04 12:15:56.154427+00:00', 'sender': 'test', 'thread': 1}
console.log(JSON.stringify(toJSON))

const fromJSON = JSON.stringify(toJSON)
console.log(JSON.parse(fromJSON))