Как найти все json объекты в обычном тексте?

Question

[SET1]

Есть обычный текст и внутри него в случайном месте может быть json объект вида:

{"dom_type" : "video", "url" : "x", "desc" : "y"}

как мне получить все эти объекты и иметь возможность пропарсить их через JSON.parse()?

Пример текста:

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum, reprehenderit. Lorem ipsum dol
or sit amet, consectetur adipisicing elit. Eum, reprehenderit. {"dom_type" : "video", "url" : "x", "desc" : "y"} Lo
rem ipsum dolor sit amet, consectetur adipisicing elit. Eum, repr
ehenderit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum, re
prehenderit. {"dom_type" : "photo", "url" : "x", "desc" : "y"} Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum, reprehenderit.

P.S: мне надо будет иметь возможно сделать над ними потом replace.

Answer 1

[Stalker_RED]

Поправка к ответу @bqio

const re = /({.*?})/g; // не жадный
let result;
while ((result = re.exec(str)) !== null) {
  console.log(JSON.parse(result[1]));
}

Comments

[SET1]

Ваш код работает именно так, как нужно. Благодарю!

[bqio]

Странно, у меня в консоли браузера (Chrome) мой код работает точно так же Оо.

[SET1]

Еще вопрос возник. Можно ли сделать так, чтобы вот этот объект:

{"dom_type" : "gallery", "photos" : [{"photoAuthor":"2","photoSrc":"background-image: url(\"http://localhost/uploads/photo/4078160325f4fdfc19ab074.38011211.jpeg\");"},{"photoAuthor":"1","photoSrc":"background-image: url(\"http://localhost/uploads/photo/1934401955f4fdfc1a87489.25544323.jpeg\");"}]}

воспринимался кодом как один объект, а не 2? На данный момент он разделяет их на:

{"dom_type" : "gallery", "photos" : [{"photoAuthor":"2","photoSrc":"background-image: url(\"http://localhost/uploads/photo/4078160325f4fdfc19ab074.38011211.jpeg\");"}

и

{"photoAuthor":"1","photoSrc":"background-image: url(\"http://localhost/uploads/photo/1934401955f4fdfc1a87489.25544323.jpeg\");"}

[Stalker_RED]

SET1, вы выбрали путь, который просто кишит граблями, и вскоре рискуете собрать полный комплект.

Похоже, что вы парсите какой-то html (о чем вы не указали), а регулярки не могут корректно обработать HTML, потому что html описывается контекстно-свободной, а не регулярной грамматикой. На простых примерах регулярка часто срабатывает, но это не значит, что она будет срабатывать и на сложных. Она не обязана.
Но можно разобрать его каким-то DOM-парсером, а потом уже работать с содержимым узлов с json-ом.

json у вас со вложенными объектами, поэтому захватить от первой попавшейся открывающейся скобки до первой попавшейся закрывающейся - плохой ход. Получите куски.
Можно перебирать строку посимвольно, Встретив открывающуюся скобку увеличивать счетчик на 1, встретив закрывающуюся - уменьшать. Когда дойдете до нуля - значит фрагмент json закончился. В регулярку такое записать малореально, лучше напишите соответствующую функцию.

Или опишите подробнее вашу задачу, возможно у нее есть более простое решение.

[SET1]

Stalker_RED, Стоит задача реализовать редактор контента, который может загружать видео, аудио и создавать фотогалерею. Задача выполнена, но теперь нужно полученный контент отобразить на другом сайте в соответствии с дизайном. То есть блок с фотогалереей в редакторе имеет один вид, а на сайте он должен выглядеть совершенно иначе. Я решил, что в момент сохранения контента в редакторе, все блоки (видео, аудио и фотогалереи) переходят в json объекты и записываются в базу, а на сайте PHP код будет парсить эти объекты и выводить их визуально так, как задумано дизайнером. Пока что я дошел только до такого решения, если у вас есть другие предложения - пожалуйста, расскажите о них. Пока что все работает так как надо, мне нужно только обучить редактор находить упомянутые выше блоки (json объекты) в тексте и превращать их в визуальные блоки, чтобы человек видел их как полноценную фотогалерею или видеозапись, аудиозапись...

[Stalker_RED]

SET1, придумайте какой-то маркер начала и конца вставок, и при парсинге ищите именно эти маркеры.

Стоит задача реализовать редактор контента, который может загружать видео, аудио и создавать фотогалерею. Задача выполнена, но теперь нужно полученный контент отобразить на другом сайте в соответствии с дизайном. То есть блок с фотогалереей в редакторе имеет один вид, а на сайте он должен выглядеть совершенно иначе. ЪЧЖОА{"dom_type" : "photo", "url" : "x", "desc" : "y"}ЪУЪЯ решил, что в момент сохранения контента в редакторе, все блоки (видео, аудио и фотогалереи) переходят в json объекты и записываются в базу, а на сайте PHP код будет парсить эти объекты и выводить их визуально так, как задумано дизайнером. Пока что я дошел только до такого решения, если у вас есть другие предложения - пожалуйста, расскажите о них. ЪЧЖОА{"dom_type" : "gallery", "photos" : [{"photoAuthor":"2","photoSrc":"background-image: url(\"http://localhost/uploads/photo/4078160325f4fdfc19ab074.38011211.jpeg\");"},{"photoAuthor":"1","photoSrc":"background-image: url(\"http://localhost/uploads/photo/1934401955f4fdfc1a87489.25544323.jpeg\");"}]}ЪУЪПока что все работает так как надо, мне нужно только обучить редактор находить упомянутые выше блоки (json объекты) в тексте и превращать их в визуальные блоки, чтобы человек видел их как полноценную фотогалерею или видеозапись

https://regex101.com/r/wbYHIl/1
https://regex101.com/r/wbYHIl/2

[SET1]

Боже мой, да Вы - Гений! Спасибо большое :)

[Stalker_RED]

SET1, омг, этот прием используют в любом шаблонизаторе, хоть твиг со смарти, хоть bbcode, который в прошлом тысячелетии придуман.

Answer 2

[bqio]

let str = ""; // твоя строка.
let re = /({.*})/g;
let result;
while ((result = re.exec(str)) !== null) {
  console.log(JSON.parse(result[1]));
}

Comments

[SET1]

Он возвращает все json объекты как строку. Нельзя получить их в виде массива чтобы через цикл for работать с каждым отдельно?

[bqio]

Вы сейчас серьезно? Ну ладно.

let str = ""; // твоя строка.
let re = /({.*})/g;
let result;
let arr = [];
while ((result = re.exec(str)) !== null) {
  arr.push(JSON.parse(result[1]));
}
console.log(arr);

[SET1]

bqio, Вы не поняли. Он возвращает строку содержащую объекты. Неужели нельзя получить каждый объект отдельно? Надо каждый отдельный объект добавить в массив, а не получить все объекты склеенные в одну строку. Ваш пример сейчас возвращает вот такую строку:

{"dom_type" : "video", "url" : "x", "desc" : "y"}<br/>{"dom_type" : "photo", "url" : "x", "desc" : "y"}

я не понимаю откуда там взялся тег <br />

[bqio]

SET1, попробуйте поменять /({.*})/g на /({.*})/gm