Академия. Курс "JavaScript для начинающих". Стандартные объекты: массивы, дата и время, математические функции

Вторым курсом от @ontofractal и его проекта -  Вторая Академия: запуск конспектов полных курсов, я выбрал курс "JavaScript для начинающих"   от Антона Холина. Во время экспериментального этапа Академии был  написан конспект первой части. Теперь же настала очередь продолжать  учить JavaScript и закончить конспект. Сам курс представлен на  образовательной платформе –  Stepik. 

---

 О курсе  

Данный курс поможет ознакомится с основами языка программирования  JavaScript и подготовит вас к его практическому применению. В нём нет явного разделения на недели, как это принято. Он поделен на три части,  каждая из которых содержит по 6 тем. В каждой из тем есть по несколько  примеров кода, что очень помогает при изучении материала. 

---

Стандартные объекты в JavaScript

Массивы  

Массив  — тип или структура данных в виде набора компонентов (элементов массива), расположенных в памяти непосредственно друг за другом.  

Массивы в JavaScript являются нетипизированными, т.е. позволяют внутри одного массива хранить элементы разных типов. Таким образом это могут быть  строки, числа или символы, но также объекты и массивы, и даже массивы массивов.  

Важно запомнить, что массивы в JavaScript начинают отсчет индексов не с единицы, а с нуля.  

Массивы в JavaScript могут увеличиваться или уменьшаться в размерах, то есть являются динамическими.  

Существуют несколько способов создать массив:  

Можно осуществлять запись и чтение из массива:  

Добавление элементов массива

Удаление элементов массива

Удалить элемент массива можно с помощью оператора delete, как обычное свойство. Или можно воспользоваться командой установки длины массива - изменение свойства length, например  - myArray.length = 4; 

Также удалить элемент в конце массива можно с помощью метода pop() (противоположного методу push), который уменьшит длину массива на 1 и возвратит значение удаленного элемента.  

Также есть метод shift() (противоположный методу unshift) который удаляет элемент в начале массива и сдвигает все элементы на 1 позицию в начало.  

Не следует забывать и про остальные методы класса Array, такие как:  

Array.join() - превращает все элементы массива в строки, объединяет их и возвращает получившуюся строку.  

Array.reverse() - меняет порядок следования элементов в массиве на обратный и возвращает уже переупорядоченный массив.  

Мы получим результат: ["Академия", "КиберФонд", "Голос"].  

Array.concat() - возвращает (не изменяя исходного) новый массив с добавлением элементов, переданных в метод в качестве аргумента.  

Array.slice() - возвращает подмассив из массива, от первого до второго (но не включая его) из указанных аргументов.  

Есть очень удобный и универсальный метод для удаления и вставки новых элементов:  

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

• 1 аргумент - позиция элемента, с которого начинается действие метода.
• 2 аргумент - количество удаляемых элементов, начиная со стартовой позиции, указанной в предыдущем аргументе. (Если второе значение не указано, будут удалены все элементы, начиная с первого аргумента).
• 3 аргумент и последующие (любое количество) - элементы массива, которые будут добавлены начиная с позиции, указанной в первом аргументе.

Дата и время  

При роботе с JavaScript когда-нибудь нам понадобится использовать дату и время, поэтому существует объект Date. Он создается с помощью конструктора Date() и существует несколько способов его создания:  

Логично, что существует множество методов объекта Date.

Например, получение данных из объекта Date:

• getDay() - возвращает день недели от 0 до 6, 0 - воскресенье, 1 - понедельник и т.д.
•  getTimeZoneOffset() - возвращает смещение часового пояса  относительно UTC, в минутах с противоположным знаком
• getYear() - возвращает значение года минус 1900, к использованию не очень рекомендуется
• getFullYear() -  возвращает значение года
• getMonth() - возвращает месяц, от 0 до 11
• getDate() - возвращает число месяца от 1 до 31
• getHours() - возвращает час, от 0 до 23
• getMinutes() - возвращает количество минут, от 0 до 59
• getSeconds() - возвращает количество секунд, от 0 до 59
• getMilliseconds() - возвращает количество миллисекунд, от 0 до 999
• getTime() - возвращает количество миллисекунд, прошедших с полуночи 1 января 1970г GMT.  

Запись данных в объект Date:

• setYear() - устанавливает значение года минус 1900, к использованию не очень рекомендуется.
• setFullYear() - устанавливает значение года. 
• setMonth() - устанавливает месяц, от 0 до 11
• setDate() - устанавливает число месяца от 1 до 31
• setHours() - устанавливает час, от 0 до 23
• setMinutes() - устанавливает количество минут, от 0 до 59
• setSeconds() - устанавливает количество секунд, от 0 до 59
• setMilliseconds() - устанавливает количество миллисекунд, от 0 до 999
• setTime() - устанавливает количество миллисекунд, прошедших с полуночи 1 января 1970гGMT. 

Преобразование данных объекта Date:

• Date.parse() - преобразовывает строку с датой и возвращает количество миллисекунд, прошедших с полуночи 1 января 1970 г.  
• toLocaleString() - Возвращает объект типа String содержащий дату в длинном формате, в соответствии с региональными настройками операционной системы, в которой запущен скрипт.  
• toLocaleTimeString() - преобразовывает данные о времени в строку, используя настройки форматирования операционной системы, в которой выполняется скрипт. 
• toLocaleDateString() - выполняет преобразование, аналогичное предыдущему, но с датой.  

Математические функции

В программировании  на любом языке никак не обойтись без вычислений и связанных с этим математических операций. Соответственно в JavaScript присутствует стандартный объект Math. В отличии от других объектов он не является конструктором. 

Существует несколько констант объекта Math:  

•  Math.E - число е, основание натурального логарифма, константа Эйлера (Непера), приблизительно 2.718...
• Math.PI - число Пи, приблизительно равно, как известно, 3.1415926...
• Math.SQRT2 -квадратный корень из 2, приблизительное значение 1.414
• Math.SQRT1_2 -квадратный корень из 1/2, приблизительное значение 0.707
• Math.LN2 - натуральный логарифм 2, приблизительное значение 0.693
• Math.LN10 - натуральный логарифм 10, приблизительное значение 2.302
• Math.LOG2E - логарифм Е по основанию 2, приблизительное значение 1.442
• Math.LOG10E -  логарифм Е по основанию 10, приблизительное значение 0.434  

При необходимости можно использовать тригонометрические функции:  

• Math.sin (x) - возвращает значение синуса аргумента (в радианах), от -1 до 1 естественно.
• Math.cos (x) - возвращает значение косинуса аргумента (в радианах), от -1 до 1.  
• Math.tan (x) - возвращает численное значение для тангенса угла в радианах.
• Math.asin (x) - возвращает значение (в радианах) арксинуса для аргумента, который задается от -1 до 1
• Math.acos (x) - возвращает значение (в радианах) арккосинуса для аргумента, который задается от -1 до 1 
• Math.atan (x) - возвращает значение арктангенса (из промежутка от -π2 до π2) для аргумента
• Math.atan2 (x, y) - функция называется арктангенс двух переменных. Она возвращает числовое значение между -π и π, и представляет собой угол между положительным лучом оси Х и точкой x,y.  

Функции преобразования и сравнения:  

• Math.min ([Значение1[,значение2[, ...]]]) - возвращает минимальное значение из аргументов.
• Math.max ([Значение1[,значение2[, ...]]]) - возвращает максимальное значение из аргументов.  
• Math.floor (x) - возвращает наибольшее целое, меньшее или равное аргументу
• Math.ceil (x) - возвращает наименьшее целое, большее или равное аргументу 
• Math.abs(x) - возвращает абсолютное значение числа, его еще называют "модуль"
• Math.round(x) - округляет число по правилам математики 

Функции вычисления:  

• Math.sqrt(x) - возвращает квадратный корень из аргумента
• Math.pow(base, exponent) - возводит число "base" в степень "exponent"
• Math.log(x) - вычисляет натуральный (по основанию е) логарифм числа
• Math.exp(x) - вычисляет экспоненту - значение числа е в степени аргумента "х"
• Math.random() - возвращает случайное число от 0 (включительно) до 1  

Как видим, JavaScript предоставляет достаточное количество возможностей для проведения необходимых вам вычислений.  

---

Что для меня было наиболее интересным и впечатляющим в данной неделе курса?   

Существует множество методов объекта Date, с их помощью мы можем как получать все возможные данные из Date, так  и записывать, преобразовывать их. JavaScript содержит довольно большое количество всевозможных функций для проведения различных вычислений.

---

Конспект составлен в рамках проекта Академия.
Условия участия и список курсов для изучения можно найти в соответствующем посте.
Курс по которому составлен текст можно найти здесь.  

---

Спасибо за внимание! Подписывайтесь на мой блог. 

---