Тема 1.3 Встроенные объекты JavaScript

JavaScript позволяет нам работать с примитивными типами данных – строками, числами и т.д., так как будто они являются объектами. У них есть свои свойства и методы. Рассмотрим встроенные объекты:

Числа

Существует несколько способов записи чисел в JavaScript. Допустим запишем число 1 миллиард.

let million = 1000000000;

В JavaScript для записи числа можно использовать букву «е», чтобы укоротить запись числа. Она добавляется к числу и заменяет указанное количество нулей:

let million = 1e9;

Можно таким же способом записать и маленькое число, например, 1 микросекунду:

let ms = 1e-6;

В JavaScript используются 2 – ые, 8-ые и 16 – ые числа. Для представления числа в указанной системе счисления используется метод num. toString (base), который возвращает строковое представления числа num в системе счисления base. Например:

let num = 255; alert(num.toString(16)); // ffalert(num.toString(2)); // 11111111

 

base может варьироваться от 2 до 36 (по умолчанию 10).

Округление

Для округления числа используются несколько встроенных функций:

Math. floor – округление в меньшую сторону;

Math. ceil – округление в большую сторону;

Math. round – округление до ближайшего целого.

Пример: нам необходимо округлить число 1.2345 до 2-х знаков после запятой (1.23).

С использованием функций можно число умножить на 100 и разделить на 100:

let num = 1.23456; alert(Math.floor(num * 100) / 100); // 1.23456 -> 123.456 -> 123 -> 1.23

 

Для округления также можно использовать метод toFixed(n) округляя число до n знаков после запятой и возвращает строковое представление результата.

let num = 12.34;alert(num.toFixed(1)); // "12.3"

 

Результатом работы метода является строка. Можно преобразовать полученное значение в число, используя оператор + или Number(). Пример с оператором: +num.toFixed(5).

Существуют функции parseInt и parseFloat. Они считывают число из строки. Первая функция возвращает целое число, а вторая – число с плавающей точкой.

alert(parseInt('100px')); // 100alert(parseFloat('12.5em')); // 12.5 alert(parseInt('12.3')); // 12, вернётся только целая частьalert(parseFloat('12.3.4')); // 12.3, произойдёт остановка чтения на второй точке

 

Другие математические функции

Math. random () – возвращает псевдослучайное число в диапазоне от 0 до 1.

Math. max (a, b, c …) / Math. min (a, b, c …) – возвращает наибольшее / наименьшее число из перечисленных аргументов.

Math. pow (n, power) – возвращает число n, возведенное в степень power

В объекте Math есть еще множество функций и констант.

Строки

В JavaScript любые текстовые данные являются строками. Строку можно создать с помощью одинарных или двойных кавычек, поведение у них одинаковое. Если вдруг в строке необходимо сделать перевод строки, записывается он как \n:

let guestList = "Guests:\n * John\n * Pete\n * Mary";

alert(guestList); // список гостей, состоящий из нескольких строк

Результат:

В JavaScript существуют и другие спецсимволы, но они используются реже. Все они начинаются с символа \ (символ экранирования).

Длина стоки определяется через свойство length:

alert('Hello!'.length); // 6

Таким образом синтаксис свойства – str. length

Доступ к символам

Получить символ определенной позиции можно через метод charAt: str. charAt (pos). Первый символ занимает нулевую позицию:

let str = 'Hello!';

// Получаем первый символ

alert(str.charAt(0)); // H

 

Содержимое строки в JavaScript нельзя изменить. Можно создать новую строку и записать ее в туже самую переменную вместо старой.

Методы toLowerCase () и toUpperCase () меняют регистр символов:

 

alert('Hello!'.toLocaleLowerCase()); // hello!

alert('Hello!'.toLocaleUpperCase()); // HELLO!

 

В JavaScript можно осуществить поиск подстроки в строке. Делается это несколькими способами:

1. Через метод str. indexOf (substr, pos). он ищет подстроку substr в строке str, начиная с позиции pos и возвращает позицию, на которой располагается совпадение, либо -1 при отсутствии совпадения. Надо помнить, что поиск чувствителен к регистру символов. Второй аргумент в методе необязателен.

2. Более современный метод includes: str. includes (substr, pos) возвращает true, если в строке str есть подстрока substr, либо false, если нет.

3. Методы str. startsWith и str. endsWith проверяют, начинается ли и заканчивается ли строка определенной строкой.

Для получения подстроки в JavaScript существует 3 метода:

str. slice (start [, end ]) – возвращает часть строки от start до (не включая) end. Если аргумент end отсутствует, то метод возвращает символы до конца строки. Поддерживаются отрицательные значения, чтобы возвратить часть строки, начиная с конца.

str. substring (start [, end ]) – возвращает часть строки между start и end. Отрицательные значения не поддерживаются.

str. substr (start [, length ]) – возвращает часть строки от start длины length. Значение первого аргумента может быть отрицательным, тогда позиция определяется с конца.

Сравнение строк – строки сравниваются посимвольно в алфавитном порядке. Строки кодируются в UTF-16. У любого символа есть соответствующий код. Существуют специальные методы, позволяющие получить символ по его коду и наоборот.

str. codePointAt (pos) – возвращает код для символа, находящегося на позиции pos:

alert("z".codePointAt(0)); // 122

alert("Z".codePointAt(0)); // 90

 

string. fromCodePoint (code) – создает символ по его коду code:

alert(String.fromCodePoint(90)); // Z

 

Массивы

В программировании часто возникает необходимость хранения списка похожих значений, например, всех дней недели или всех месяцев. Для работы с наборами данных предназначены массивы. Массив создается с помощью квадратных скобок [ ].

let arr = []; //создание массива arr

Массив пока не содержит никаких значений. Заполним его названиями дней недели:

let arr = ['пн', 'вт', 'ср', 'чт', 'пт', 'сб', 'вс'];

Каждое значение списка называется элементом массива. Элементы разделяются между собой запятой. Если тип значения строковый, то элемент берется в кавычки, если числовой или булев, то без кавычек.

В одном массиве можно хранить различные типы данных, массивы JavaScript не типизированы.

let arr = ['пн', 256, 'ср', 34, 38, 'сб', 95];