Форматирование чисел на js. Как сделать пробелы в цене?

Question

[Alex Ivanov]

Подскажите, как можно с помощью js сделать пробел в числах?
У меня такая ситуация:

<div class="price">10200 руб.</div>

Нужно, чтобы при вводе 10200 выводилось число 10 200 руб.

Answer 1

[0xD34F]

$('.price').text((i, text) => {
  const [ price, currency ] = text.split(' ');
  return `${(+price).toLocaleString()} ${currency}`;
});

// или

document.querySelectorAll('.price').forEach(n => {
  n.textContent = n.textContent.replace(/\d(?=(\d{3})+\D)/g, '$& ');
});

Ну или (что желательно), перед выводом пропускайте цену через toLocaleString.

Comments

[Alex Ivanov]

Спасибо!
Вероятно это то что искал!

Но есть вопрос, в документации ничего не нашел...
Если у меня нет старой цены - то у меня было пустое место, а теперь из-за скрипта появился везде перечеркнутый нолик....

Можно от него избавиться как-то?
Я пробую, но ничего не выходит(((

[0xD34F]

return price ? `${(+price).toLocaleString()} ${currency}` : '';

[fLipE]

Alex_vs_Predator, самое простое и верное - не выводить div.price с пустой ценой, если старая цена не указана

Answer 2

[Mi7teR]

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Comments

[Mi7teR]

const price = 10200;
const formattedPrice = price.toLocaleString('ru', {style: 'currency', currency: 'RUB'});

Answer 3

[fLipE]

можно воспользоваться функцией наподобие этой:

function number_format( number, decimals, dec_point, thousands_sep ) {  // Format a number with grouped thousands
    var i, j, kw, kd, km;

    if( isNaN(decimals = Math.abs(decimals)) ){
        decimals = 2;
    }
    if( dec_point == undefined ){
        dec_point = ",";
    }
    if( thousands_sep == undefined ){
        thousands_sep = ".";
    }

    i = parseInt(number = (+number || 0).toFixed(decimals)) + "";

    if( (j = i.length) > 3 ){
        j = j % 3;
    } else{
        j = 0;
    }

    km = (j ? i.substr(0, j) + thousands_sep : "");
    kw = i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + thousands_sep);
    kd = (decimals ? dec_point + Math.abs(number - i).toFixed(decimals).replace(/-/, 0).slice(2) : "");

    return km + kw + kd;
}

Answer 4

[SailorStat]

`${number}`.split('').reverse().map((el, index) => index % 3 !== 2 ? el : ` ${el}`).reverse().join('')