Как отформатировать числа внутри строки?

Question

[Иван Доброславин]

Есть несколько див-блоков, в которых есть текст и числа. Хочу применить формат "34 000" с помощью toLocaleString.
Если один див-блок и одно число в диве, то всё работает. Не получается применить метод к нескольким дивам.

<div class="number">Здесь текст и между встречаются числа 33000; и ещё числа 1999</div>
<div class="number">Здесь текст и также встречаются числа 12000; и ещё числа 7644</div>

Блоки получаю с помощью document.querySelectorAll

Answer 1

[0xD34F]

document.querySelectorAll('.number').forEach(n => {
  n.innerText = n.innerText.replace(/\d+/g, m => (+m).toLocaleString());
});

или

for (const n of document.getElementsByClassName('number')) {
  n.textContent = n.textContent.replace(/\d(?=(\d{3})+(\D|$))/g, '$& ');
}

Comments

[Иван Доброславин]

Огромное спасибо! Работает! Я провозился несколько часов в общей сложности, чтобы решить задачку.

Изучаю javasript, пытался применить цикл for и метод in для поиска в массиве.

А что такое n и m в вашем примере?

[0xD34F]

Иван Доброславин,

https://developer.mozilla.org/en-US/docs/Web/API/N...
https://developer.mozilla.org/en-US/docs/Web/JavaS...

[Иван Доброславин]

По вашему примеру сделал так, что после точки вставляется тег br. Для одного условия всё работает (.content-area.only-portfolio .genpost-entry-content'), для двух - не срабатывает:

document.querySelectorAll('.content-area.only-portfolio .genpost-entry-content', '.grid-content.mos-towns .genpost-entry-content').forEach(n => {
    n.innerHTML = n.innerHTML.replace(/([\.\?\!])/g, "$1<br>");
});

Подскажите, как к двум стилям применить правило?

[0xD34F]

Иван Доброславин, кавычки вокруг запятой уберите, чтобы получилась одна строка.

[Иван Доброславин]

0xD34F, Спасибо! Заработало!