ToFixed js метод форматирования числа

"toFixed в js " - это метод форматирующий число, используя запись с фиксированной запятой, или другими словами - будет обрезать число по заданным параметрам.

О toFixed подробно:

1. Что такое toFixed?
2. Пример работы toFixed.
3. Второй пример работы toFixed.

Что такое toFixed?

Как уже выше было сказно :

"toFixed" - это метод форматирующий число, используя запись с фиксированной запятой, или другими словами - будет обрезать число по заданным параметрам.

Синтаксис toFixed.

numObj.toFixed([digits])

Параметры toFixed.

digits

Необязательный параметр. Количество цифр после десятичной запятой; может быть значением между 0 и 20 включительно, хотя реализации могут поддерживать и больший диапазон значений. Если аргумент опущен, он считается равным 0.

Возвращаемое значение toFixed.

Строка, представляющая numObj, не использующая экспоненциальную запись и содержащая ровно digits цифр после десятичной запятой. Число округляется при необходимости, а дробная часть дополняется нулями таким образом, чтобы иметь указанную длину. Если numObj больше или равно 1e+21, этот метод просто вызывает метод Number.prototype.toString() и возвращает строку в экспоненциальной записи.

Выбрасываемые исключения toFixed.

RangeError

Если параметр digits слишком маленький или слишком большой. Значения между 0 и 20 включительно не будут порождать исключение RangeError. Также реализации могут поддерживать большие и меньшие значения.

TypeError toFixed.

Если этот метод вызывается на объекте, не являющимся объектом Number.




Пример работы toFixed.

Чтобы продемонстрировать работу метода "toFixed" вам понадобится:

Не все знают, что такое консоль, поэтому будем отправлять результат в div с помощью innerHTML, обратившись напрямую к id тега:

<div id="example"></div>

<script>

var numb = 3.14159265358 ;

example . innerHTML = numb . toFixed() ;

</script>

Несколько примеров toFixed.

Сделаем сразу несколько "живых примеров" - чтобы вы сами могли проанализировать результат работы метода "toFixed" Html:

<div id="example"></div>

<div id="example1"></div>

<div id="example2"></div>

<div id="example3"></div>

<div id="example4"></div>

<div id="example5"></div>

<div id="example6"></div>

<div id="example7"></div>

<div id="example8"></div>

<div id="example9"></div>

Javascript:

<script>

var numb = 3.14159265358 ;

example . innerHTML = 'toFixed() ' + numb . toFixed() ;

example1 . innerHTML = 'toFixed(1) ' + numb . toFixed(1) ;

example2 . innerHTML = 'toFixed(2) ' + numb . toFixed(2) ;

example3 . innerHTML = 'toFixed(3) ' + numb . toFixed(3) ;

example4 . innerHTML = 'toFixed(4) ' + numb . toFixed(4) ;

example5 . innerHTML = 'toFixed(5) ' + numb . toFixed(5) ;

example6 . innerHTML = 'toFixed(6) ' + numb . toFixed(6) ;

example7 . innerHTML = 'toFixed(7) ' + numb . toFixed(7) ;

example8 . innerHTML = 'toFixed(8) ' + numb . toFixed(8) ;

example9 . innerHTML = 'toFixed(9) ' + numb . toFixed(9) ;

</script>

Пример выполнения toFixed прямо здесь:

Теперь... разместим выше приведенный код "toFixed" и посмотрим результаты:




Второй пример работы toFixed.

Рассмотри второй пример работы "toFixed" - просто стало самоу интересно, если число сделать по нисходящей... вот такое: "3.987654321".

Код абсолютно аналогичный: Html:

<div id="example_1"></div>

<div id="example_1_1"></div>

<div id="example_1_2"></div>

<div id="example_1_3"></div>

<div id="example_1_4"></div>

<div id="example_1_5"></div>

<div id="example_1_6"></div>

<div id="example_1_7"></div>

<div id="example_1_8"></div>

<div id="example_1_9"></div>

Javascript:

<script>

var numb = 3.987654321 ;

example_1 . innerHTML = 'toFixed() ' + numb . toFixed() ;

example_1_1 . innerHTML = 'toFixed(1) ' + numb . toFixed(1) ;

example_1_2 . innerHTML = 'toFixed(2) ' + numb . toFixed(2) ;

example_1_3 . innerHTML = 'toFixed(3) ' + numb . toFixed(3) ;

example_1_4 . innerHTML = 'toFixed(4) ' + numb . toFixed(4) ;

example_1_5 . innerHTML = 'toFixed(5) ' + numb . toFixed(5) ;

example_1_6 . innerHTML = 'toFixed(6) ' + numb . toFixed(6) ;

example_1_7 . innerHTML = 'toFixed(7) ' + numb . toFixed(7) ;

example_1_8 . innerHTML = 'toFixed(8) ' + numb . toFixed(8) ;

example_1_9 . innerHTML = 'toFixed(9) ' + numb . toFixed(9) ;

</script>

Смотрим результат работы метода toFixed.