Как выбрать все цифры в тексте?

Question

[navodchik131]

Всем добрый день. Суть в следующем. Есть допустим строка

"

Travel <sup style="color:#000;" data-footnote-merchant="1676" data-footnote-index="0" class="sup-comment comm_125">125</sup>Rewards 3000 Loyalty Good and Excellent Credit

"

В ней нужно выбрать цифры, в данном случае только 3000
Написал регулярное выражение /[-|$]?\d+([.,]\d{0,})?[%|x|X]?/ (оно по мимо цифр еще и знаки выделяет рядом с цифрой, например $)

Вроде работает нормально. Но в исходном тексте есть тег <sup> с атрибутами. И вот в нем не надо ничего менять

Нашел этот атрибут следующей регуляркой /<sup[^>]*>(.*?)<\/sup>/

Как объединить их? чтоб он искал цифры в тексте, но не искал в этом промежутке?

В регулярках не очень силен, это все на что меня хватило.
Буду очень признателен за любую помощь

Answer 1

[zendor]

Если у вас <sup></sup> всегда находится вначале, то достаточно этого:

const str = 'Travel <sup style="color:#000;" data-footnote-merchant="1676" data-footnote-index="0" class="sup-comment comm_125">125</sup>Rewards 3000 Loyalty Good and Excellent Credit';
const res = str.replace(/\d+(?!.*<\/sup>)/g, '<span>$&<\/span>');

А если нет, то:

const str = 'Travel <sup style="color:#000;" data-footnote-merchant="1676" data-footnote-index="0" class="sup-comment comm_125">125</sup>Rewards 3000 Loyalty Good and Excellent 500 Credit <sup style="color:#000;" data-footnote-merchant="1676" data-footnote-index="0" class="sup-comment comm_125">666</sup> <sup>000</sup> Good and Excellent 666';
const res = str.replace(/<sup.*?>.*?<\/sup>|(\d+)/g, (m, p1) => p1 ? `<span>${p1}<\/span>` : m);

Comments

[navodchik131]

может быть не в начале и может быть несколько этих вставок

[zendor]

navodchik131, Обновил ответ.

[navodchik131]

zendor, дико извиняюсь, а где он тут по цифрам ищет и символам рядом с цифрами? а то не выделяет ничего он, если другой текст вставляю

[zendor]

navodchik131, Пример приведите (другого текста).

[navodchik131]

Я вот даже сейчас вставил в скрипт, ваш код

const str = 'Travel <sup style="color:#000;" data-footnote-merchant="1676" data-footnote-index="0" class="sup-comment comm_125">125</sup>Rewards 3000 Loyalty Good and Excellent Credit';
    str.replace(/<sup.*?>.*?<\/sup>|(\d+)/g, (m, p1) => p1 ? `<span>${p1}<\/span>` : m);
    console.log(str);

выводит

Travel <sup style="color:#000;" data-footnote-merchant="1676" data-footnote-index="0" class="sup-comment comm_125">125</sup>Rewards 3000 Loyalty Good and Excellent Credit

[navodchik131]

Нашел ошибку, не то выводил

[zendor]

navodchik131, Эмм так зачем вы выводите в консоль str? Строки иммутабельны, вообщем обновил ответ.

[navodchik131]

уже близко конечно, но символы он не воспринимает, сможете не много объяснить, где в этом выражении он смотрит что это число? или как к Вашему варианту добавить вот такое /[-|$]?\d+([.,]\d{0,})?[%|x|X]?/

[zendor]

navodchik131, Какие символы? Вопрос был про цифры. Регулярное выражение ищет элемент sup с любым содержимым (хоть пустой) или все цифры которые соответственно не находятся в sup.

[navodchik131]

zendor, вот у меня в вопросе было написано, что есть готовое регулярное выражение, которое ищет и выделяет то что надо, но надо исключить тег sup

[navodchik131]

zendor, То что вы мне написали, это уже круто, почти то что надо). Щас бы понять как мою регулярку с вашей скрестить:)

[zendor]

navodchik131, Так если мы находим элемент sup, то мы его игнорируем и возвращаем как есть, но если найдутся цифры за пределами этого элемента, тогда мы их оборачиваем в элемент span. В этом вся логика.

[navodchik131]

zendor, Спасибо Вам большое, чутка доработал ваш пример и все получилось!

replace(/<sup.*?>.*?<\/sup>|([-|$]?\d+([.,]\d{0,})?[%|x|X]?)/g, (m, p1) => p1 ? `<b>${p1}<\/b>` : m);