Веб-программирование

Обучение программированию

Делаете первые шаги в программировании? Представляем вашему вниманию пошаговое обучение самостоятельного создания сайтов любой сложности на примерах! На страницах сайта KobRU вы найдете все самое необходимое, для того чтобы по праву считаться веб-мастером по созданию привлекательных динамически изменяемых интернет-страниц, используя основные инструменты веб-разработчиков: HTML; CSS; PHP; MySQL; JAVASCRIPT и другие. Сайт KobRU - наиболее полное и качественно структурированное руководство с предельно понятными пояснениями и поэтапным изложением материала, который поможет вам в совершенстве овладеть искусством программирования. Добавьте динамики и интерактивность в свои веб-проекты!

Вход в личный кабинет

Забыли пароль?

Не зарегистрированны?


Конструкторское Web-бюро
8.04 Встроенный объект числа Number

Автор: Denisido

Дата: 2010-09-06

javascript числа

Числа - одно из важных составляющих программирования. Объект Number представляет обычное число - константу или переменную числового типа:

  
var x = 12.34;
  

второй вариант создания экземпляра объекта Number с помощью оператора new:

  
var x = new Number(12.34);
  

Иногда число может быть представлено в виде строк:

Запустить!
var a = '4';
var b = '5';
var result = a * b;
alert(result); // выведет 20

Как вы можете убедиться, интерпретатор JavaScript с легкостью преобразует строковой тип в числовой, если эта строка похоже на требуемое число. Но стоит заметить, что знакомый нам оператор + будет выполнять роль конкатенации, т.е. не складывать операнды, а "склеивать" их:

Запустить!
var a = '4';
var b = '5';
var result = a + b;
alert(result); // выведет 45

Существует несколько способов разрешить эту проблему. Рассмотрим первый способ преобразования строки в число с использованием метода Number():

Запустить!
var a = '4';
a = Number(a);
var b = '5';
b = Number(b);
var result = a + b;
alert('тип :'+typeof(a)+'. Сумма a и b равна: '+ result); // выведет тип number Сумма: 9

Если вам нужна более короткая запись, просто поставьте + перед переменными:

Запустить!
var a = '4';
var b = '5';
var result = +a + +b;
alert(result); // выведет 9

Если строка содержит какой-то текст помимо чисел, то в результате вы получите значение NaN:

Запустить!
var ourWidth = '450px';
alert(+ourWidth); // выведет NaN (не число)

Метод parseInt()

Данный метод делает тоже самое - превращает строку в число при условии, если она начинается с чисел и не важно есть ли позади текст или нет.

Запустить!
var ourWidth = '450px';
ourWidth = parseInt(ourWidth,10);
alert(ourWidth); // выведет 450

В нашем примере метод parseInt() принимает два параметра: один обязательный, в виде переменной year; второй - необязательный в виде числа 10. Этот необязательный параметр представляет систему счисления. Как вы можете догадаться, цифра 10 представляет десятичную систему счисления. Если не указывать этот параметр, то данный метод будет воспринимать числа в восьмеричной системе счисления.

Метод parseFloat()

В случаях, когда вы имеете дело с десятичными знаками, применяйте метод parseFloat, который в отличие от метода parseInt возвратит все значение целиком:

Запустить!
var waterVolume = '1.5 литра';
waterVolume = parseFloat(waterVolume);
alert(waterVolume); // выведет 1.5 (метод parseInt вывел бы только 1)

Метод isNaN()

Данный метод тестирует строку на соответствие - является ли строка не числом:

Запустить!
var test = prompt("Введите число или текст:","");
if(isNaN(test)) {alert('Это не число!');}
else {alert('Это число!');}

Метод toFixed()

Этот метод возвращает обычное представление числа в строковом виде. В качестве параметра задается количество знаков после запятой, если число имеет больше или меньше десятичных знаков, то оно округляется:

Запустить!
var rate_of_exchange = 39.4720; // тип number
alert('Курс ЦБ за 1 евро: '+rate_of_exchange.toFixed(2)+' рублей.');

Стоит заметит, что метод toFixed() работает только с числами. В противном случае, вызовет ошибку! Чтобы исправить этот недуг, преобразуйте строку в число:

Запустить!
var rate_of_exchange = '39.4720'; // тип string
rate_of_exchange = +rate_of_exchange;
alert('Наш курс за 1 евро: '+rate_of_exchange.toFixed(1)+' рублей.');

Метод toExponential()

Этот метод возвращает экспоненциальное представление числа в виде строки:

Запустить!
var num = 123.4567;
num = num.toExponential(10); // 10 - параметр (количество знаков после запятой)
alert(num); 

Метод toPrecision()

Метод возвращает обычное представление числа в строковом виде с заданным количеством знаков. В качестве единственного параметра задается общее количество знаков числа, включая разделитель:

Запустить!
var num = 123.4567;
num = num.toPrecision(10);
alert(num); 

Метод toString()

Данный метод превращает числовой тип в строковый:

Запустить!
var num = 123; // тип number
num = num.toString();
alert(typeof(num)); // выведет тип string

Метод valueOf()

Данный бессмысленный метод возвращает само число.

Свойства объекта Number

Объект Number ко всему прочему поддерживает пять статических свойств:
- max_value (возвращает максимальное допустимое в javascript число);
- min_value (возвращает минимальное допустимое в javascript число);
- NaN (Значение NaN);
- negative_infinity ("минус бесконечность");
- positive_infinity ("плюс бесконечность");



Оцените материал по 5-ти бальной шкале: 1 2 3 4 5



Коментарии:

Коментарий добавил(а): fgh1233
Дата: 2010-09-07

Отличные уроки программирования! Лучшие в сети!

Добавить новый коментарий:

Текст коментария:

Введите результат с картинки

Просмотров: 6253

Метки раздела JavaScript

Основы web программирования, var javascript, javascript функции, javascript обучение, javascript простые примеры, html javascript, javascript примеры, javascript random, уроки сайтостроения, java script, регулярные выражения, appendchild javascript, javascript бесплатно, javascript document write, javascript справочник, javascript примеры.