JavaScript урок 2. Функции для работы с типами данных, методы ввода и вывода данных

JavaScript функции для работы с типами данных

Иногда в программе требуется преобразовать тип переменной. Рассмотрим основные функции, связанные с преобразованием типов:

• parseInt(строка, основание)

преобразует указанную в параметре строку в целое число. Если есть второй параметр — система счисления — преобразование происходит по указанному основанию системы счисления (8, 10 или 16):

parseInt("3.14") // результат = 3 parseInt("-7.875") // результат = -7 parseInt("435") // результат = 435 parseInt("Вася") /* результат = NaN, то есть не является числом */ parseInt("15" ,8) // результат = 13

parseInt("3.14") // результат = 3 parseInt("-7.875") // результат = -7 parseInt("435") // результат = 435 parseInt("Вася") /* результат = NaN, то есть не является числом */ parseInt("15" ,8) // результат = 13

Важно:
Функция parseInt() отсекает дробную часть числа. Чтобы округлить число необходимо использовать метод Math.round()
• parseFloat (строка)

преобразует указанную строку в число с плавающей разделительной точкой (десятичной):

parseFloat("3.14") // результат = 3.14 parseFloat("-7.875") // результат = -7.875 parseFloat ("435") // результат = 435 parseFloat ("Вася") /* результат = NaN, то есть не является числом */ parseFloat ("17.5") // результат = 17.5

parseFloat("3.14") // результат = 3.14 parseFloat("-7.875") // результат = -7.875 parseFloat ("435") // результат = 435 parseFloat ("Вася") /* результат = NaN, то есть не является числом */ parseFloat ("17.5") // результат = 17.5

Важно: Обе функции и parseInt() и parseFloat() используют в качестве параметра строку и преобразуют ее в число
Кроме того, в javascript предусмотрены еще два способа преобразований:
1. Обычные преобразования:

x = Number(x) // к числу x = String(x) // к строке x = Boolean(x) // к булеву типу

x = Number(x) // к числу x = String(x) // к строке x = Boolean(x) // к булеву типу

2. Компактные преобразования:

x = +x // к числу x = x + '' // к строке x = !!x // к булеву типу

x = +x // к числу x = x + '' // к строке x = !!x // к булеву типу

• Функция javascript isNaN(значение)

служит для определения того, является ли значение выражения числом:

isNaN(123) /* результат false (то есть это - число) */ isNaN("50 рублей") /* результат true (то есть это - не число) */

isNaN(123) /* результат false (то есть это - число) */ isNaN("50 рублей") /* результат true (то есть это - не число) */

Иногда можно получить такую ошибку JavaScript — NaN — когда значение не является числом (а ожидается число):

let a=8; let b="pi"; let S=a*b; // S=NaN

let a=8; let b="pi"; let S=a*b; // S=NaN

В качестве значения переменной может быть undefined — не определено. Такое случается, когда переменная создана, но значение ей не присвоено:

let b; document.write(b); // b=undefined

let b; document.write(b); // b=undefined

• Для того чтобы узнать текущий тип данных конкретной переменной в javascript используется функция typeof:

typeof 33 // возвращает строку "number", typeof "A String" // возвращает строку "string", typeof true // возвращает строку "boolean", typeof null // возвращает строку "object"

typeof 33 // возвращает строку "number", typeof "A String" // возвращает строку "string", typeof true // возвращает строку "boolean", typeof null // возвращает строку "object"

✍ Решение:
 

a="12";
b="7.15";

x = Math.round(x)

Методы javaScript вывода данных и ввода (диалоговые окна)

JavaScript может выдавать сообщения и запрашивать данные у пользователя с помощью трех диалоговых окон, вызываемых методами alert, confirm и prompt. Рассмотрим работу с ними:

1. alert()

Синтаксис:
 
[window.]alert(сообщение)

С помощью уже знакомого нам модального окна с предупреждением на экран выводится информация для пользователя. Например:

alert("сообщение");

alert("сообщение");

Пользователь читает сообщение и щелкает по кнопке OK, чтобы закрыть это окно.

Можно выводить значение переменной:

let price = 28; alert(`Стоимость = ${price} рублей`); // Стоимость = 28 рублей

let price = 28; alert(`Стоимость = ${price} рублей`); // Стоимость = 28 рублей

2. confirm()

Синтаксис:
 
[window.]confirm(сообщение)

В отличие от предыдущего модального окна, в диалоговом окне confirm пользователь может выбрать один из двух вариантов: OK или Отмена.

Важно: Если выбрана кнопка OK, то в сценарий возвращается значение true, если Отмена — значение false.

let a = confirm("Вы действительно хотите завершить работу?"); alert(a); // yes, если нажата ok

let a = confirm("Вы действительно хотите завершить работу?"); alert(a); // yes, если нажата ok



3. prompt()

Синтаксис:
 
[window.]prompt(сообщение,значение_поля_ввода)

С помощью окна ввода, вызываемого методом prompt, пользователь может ввести данные, которые будут использоваться далее в сценарии.

prompt("Как Вас зовут?", "Иван");

prompt("Как Вас зовут?", "Иван");

Важно: Метод prompt принимает два аргумента: первый выводится в качестве простой строки в модальном окне; второй — значение по умолчанию в текстовом поле для ввода. Оба аргумента заключаются в кавычки.



Важно: Для решения заданий следует иметь в виду, что функция prompt() возвращает строковое значение, т.е. если требуется производить дальнейшие вычисления с введенным значением, то необходимо преобразовать тип данных

window.alert("сообщение"); // строгий синтаксис

alert("сообщение"); // нестрогий синтаксис

✍ Решение:
 

let x = prompt("Введите значение x ", "0"); 
let y = prompt("Введите значение y ", "0.0");
let integerX = ...
let floatY = ...
let  result = integerX + floatY;
...;

let firstName = prompt("Введите имя"; "сюда");
let lastName = promt("Введите фамилию");
int age = prompt("Введите возраст");
alert(Age);

Задание Js 4. Вычислить значение выражения по формуле (все переменные принимают вещественные значения):

Предлагаемый алгоритм:

• Запрос значения x
• Вычисление выражения
• Вывод результата при помощи метода alert