Почему не работает toLocaleString() после toFixed()?

Question

[Механик]

Всем привет! Задача - заменить разделитель (с точки на запятую) в числе с определенной точностью (для последующего копирования в эксель).
Почему это работает?

var a = 12.34;
a.toLocaleString() // 12,34

А это уже не работает?

var a = 12.34;
a.toFixed(2).toLocaleString() // 12.34

Answer 1

[Ivan Ustûžanin]

потому что Number.toFixed() на удивление возвращает строку, для строки нужно что-то типа .replace('.', ',')

ПЛЮС: ну или сношения с Math.round() и потом .toLocaleString()
да и .toLocaleString() использует локаль браузера, которая не всегда бывает нужная, да ещё и вставит пробелы или запятые между разрядами
уж если нужен конкретный формат, то ЕМНИП .toLocaleString() принимает локаль в качестве параметра

Comments

[Механик]

Старый добрый replace не забыт :) Но хотелось узнать причину, спасибо за разъяснение!

[Механик]

В моем случае .toLocaleString('ru-RU') аналогично .toLocaleString(), поэтому я позволил себе опустить этот параметр

[Ivan Ustûžanin]

Механик, а в моём случае оно ничего не поменяет (кроме возможных запятых после тысяч и т.п.), т.к. локаль по умолчанию в браузере en-US

[Механик]

Ivan Ustûžanin, VoidVolker А как быть, если нужно сделать и toFixed() и toLocaleString('ru-RU')? К примеру, отобразить 1234.567 с точностью пять знаков и форматированием toLocaleString() (1 234,56700)?

[Ivan Ustûžanin]

Механик, городить огород, что-то типа Math.round() с делением и умножением (если нужно округлить), потом .toLocaleString(), а потом добавлять справа нули строковыми функциями

[VoidVolker]

Механик, добавил в ответе - использовать Intl.NumberFormat().

Answer 2

[VoidVolker]

RTFM: Number.prototype.toFixed()

Return value
A string representing the given number using fixed-point notation.

UPD:

А как быть, если нужно сделать и toFixed() и toLocaleString('ru-RU')? К примеру, отобразить 1234.567 с точностью пять знаков и форматированием toLocaleString() (1 234,56700)?

Использовать Intl.NumberFormat():

new Intl.NumberFormat(undefined, { maximumFractionDigits: 5, minimumFractionDigits: 5 }).format(1234.567)
> "1 234,56700"
new Intl.NumberFormat('ru-RU', { maximumFractionDigits: 5, minimumFractionDigits: 5 }).format(1234.567)
> "1 234,56700"