Как добавить пробелы между тысячными?

Question

[Turtle_Onni]

Всем привет!

Использую angularjs. Подскажите как разделить тысячные в input type number и при отображении?
пример: есть 23499532, нужно 23 499 532
Спасибо!

Answer 1

[Alex]

const numb = 1234567;
const numbFmt = new Intl.NumberFormat('ru-RU').format(numb);
console.log('Отформатированное число: ' + numbFmt); // 1 234 567

const numb = 1234567;
const numbFmt = numb.toLocaleString('ru-RU');
console.log('Отформатированное число: ' + numbFmt);  // 1 234 567

Answer 2

[Денис Инешин]

Вот так: https://jsfiddle.net/IonDen/55665p35/

function prettify (num) {
    var n = num.toString();
    var separator = " ";
    return n.replace(/(\d{1,3}(?=(?:\d\d\d)+(?!\d)))/g, "$1" + separator);
}

var $test = $(".test");
var val = $test.prop("value");
$test.prop("value", prettify(val));

Comments

[Alexander Kshnyakin]

динамически не работает, разделение на 1000-ые происходит только после перезагрузки страницы, либо что-то не понимаю (скриншот: pastenow.ru/NG59)

[Денис Инешин]

Alexander Kshnyakin: ну извините, динамически вы либо сами уже напишите, либо ангуляр для вас перерисует. Я привел лишь функцию которая делает само разделение.

[Alexander Kshnyakin]

Денис Инешин: Спасибо! Без претензий :-)

Answer 3

[Alexander Kshnyakin]

Еще один вариант.
Форматирует по blur.
При изменении пробелы убираются и можно корректировать.

спасибо Денис Инешин за регулярное выражение.

codepen.io/alexanderkshnyakin/pen/NNorZz

Answer 4

[belokobylsky]

Предыдущие способы плохо работают для очень больших чисел, поэтому вот мой:

console.log(
"498065392975507667366026341067548906436328316841307936116457316164193184705285250962660148627300967657213217328759941177315742017903027130095729437206958025287403606910196074469378649164695055964366281024547871829070617652494336"
  .split("")
  .reverse()
  .join("")
  .replace(/\d\d\d/g, "$& ")
  .split("")
  .reverse()
  .join("")
);