Java Script

Цель работы

Изучить встроенные объекты JavaScript Array, String, Date, их свойства и методы, научиться их правильно применять в своих скриптах.

Задания

Задание 1

Сформировать массив (объект Array), элементами которого являются значения выражений. Для вычисления выражений использовать объект Math. Найти максимальный и минимальный элементы массива и их номера.
1. 6 ∙ π² + 3 ∙ e⁸
2. 2∙cos(4) + cos(12) + 8 ∙ e³
3. 3∙sin(9) + ln(5) + √3
4. 2∙tan(5) + 6π + √12

Решение

Java Script

let array = new Array(
	6*Math.pow(Math.PI,2) + 3*Math.pow(Math.E,8),
	2*Math.cos(4) + Math.cos(12) + 8*Math.pow(Math.E,3),
	3*Math.sin(9) + Math.log(5) + Math.sqrt(3),
	2*Math.tan(5) + 6*Math.PI + Math.sqrt(12)
)
	
let max = Math.max(array[0],array[1],array[2],array[3])
let maxIndex = array.indexOf(max)
 
alert("Максимальный элемент массива находится под индексом " + maxIndex  
     + " и равен " + max)
 
let min = Math.min(array[0],array[1],array[2],array[3])
let minIndex = array.indexOf(min)
 
alert("Минимальный элемент массива находится под индексом " + minIndex
     + " и равен " + min)

Задание 2

Задан массив с элементами, представляющими методы объектов Array и Math (pow, pop, push, shift, round, floor, sline, sort). Получить из него 2 массива, в один записать методы объекта Array, в другой – методы объекта Math.
Добавить в начало одного массива и в конец другого еще по одному методу соответствующих объектов.
Вывести исходный массив, полученные массивы и их длину (количество элементов).

Решение

Java Script

let array = new Array(" pow", " pop", " push", " shift", " round", " floor", " slice", " sort")
alert("Исходный массив: " + array)
                             
let math_methods = new Array()
let array_methods = new Array()

array_methods = array_methods.concat("concat", array.slice(1,4), array.slice(6,8))
math_methods = math_methods.concat("sqrt", array.slice(0,1), array.slice(4,6))
                             
alert("Массив методов объекта Array: " + array_methods)
alert("Массив методов объекта Math: " + math_methods)

Задание 3

Создать объект String – строку текста (свои Фамилия Имя Отчество), в которой присутствуют строчные и прописные буквы. Узнать ее длину.
Перевести все символы строки в верхний регистр, а затем в нижний. Содинить полученные строки. Заменить свои Фамилия Имя Отчество на ФИО.
Вывести исходную и полученные строки на страницу.

Решение

Java Script

let str = new String ("Добриян Александр Витальевич")
                             
alert("Строка: " + str + "\nДлина строки: " + str.length 
    + "\nСтрока в верхнем регистре: " + str.toUpperCase() 
    + "\nСтрока в нижнем регистре: " + str.toLowerCase())

alert("Строка в формате ФИО: " + str.replace("Добриян Александр Витальевич", "ДАВ"))

Задание 4

Использовать объект Date. Вывести на страницу таблицу с составляющими текущей даты и времени в виде:

Год	2021
Месяц
День
Час
Минут
Секунд

Решение

Java Script

let date = new Date()
let period = new Array("Год", "Месяц", "День", "Час", "Минуты", "Секунды")
                             
let year = date.getFullYear()
let month = date.getMonth()
let day = date.getDate()
let hour = date.getHours()
let minute = date.getMinutes()
let second = date.getSeconds()
                             
let methods = new Array(year, month + 1, day, hour, minute, second)
                             
document.write('<table>')
for(let i = 0; i < period.length; i++){
    document.write('<tr>')
                             
    for(let j = 0; j < 1; j++){
        document.write('<th>' + period[i] + '</th>')
        document.write('<td>' + methods[i] + '</td>')
    }
                             
    document.write('</tr>')
}
document.write('</table>')
                                
document.write('<style>' 
+ 'body {background: #f8f8f8; color: #333; font-size: 16px; text-align: center; 
    font-family: Courier, monospace; margin: 0; align-items: center; height: 60vh;}'
+ 'table {display: flex; align-items: center; background: #e4ecff; 
    color: #2972d1; padding: 7px; border-radius: 15px;}'
+ 'td { min-width: 30px; width: auto; text-align: center; vertical-align: middle; 
    border: 2px solid #bbd9ff; font-weight: 700; }'
+ 'th {background: #b0d9ff; min-width: 100px; width: auto; 
    text-align: center; vertical-align: middle; border: 2px solid #bbd9ff; 
    font-weight: 700;}</style>');

Предыдущая лабораторная

Следующая лабораторная