×
=0) { let js = text.slice(pos1, pos2); + '<\/' + "script" + '>'; arrText.push(js); // next pos1 = pos2; continue; } } } break; } return arrText; } function OpenDialog(parentDiv, urlContent) { parentDiv = document.getElementById('modal-background'); // new !!!!!!! parentDiv.appendChild(document.getElementById('modal-template')); document.getElementById('modal-background').style.display = "block"; document.getElementById('modal-template').style.display = "flex"; // !!!!! document.getElementById('modal-body').innerHTML = ""; post_url(urlContent, "", function(text_from_server) { var element = document.getElementById('modal-body'); element.innerHTML = text_from_server; // add scripts var arrJSText = get_scripts(text_from_server); for (var i=0; i
dir.by
Поиск
Программирование, разработка, тестирование
→
JavaScript - язык программирования для HTML
→
Математические функции из библиотеки Math: Sin, cos, log, pow и так далее В JavaScript | стандарт ES5
Посмотрели
8620
раз(а)
JavaScript математические функции из библиотеки Math: sin, cos, log, pow и так далее | стандарт ES5
последнее обновление: 1 августа 2020
Содержание
Функции для окружности...
Math.E
Math.PI
Math.cos(value1)
Math.sin(value1)
Math.tan(value1)
Math.acos(value1)
Math.asin(value1)
Math.atan(value1)
Math.atan2(value1, value2)
Math.cosh(x)
Math.sinh(x)
Math.tanh(value1)
Math.acosh(value1)
Math.asinh(value1)
Math.atanh(value1)
Округление чисел...
Math.sign(value1)
Math.random(value1)
Math.abs(value1)
Math.min(value1, value2, ...)
Math.max(value1, value2, ...)
Math.ceil(value1)
Math.floor(value1)
Math.round(value1)
Math.trunc(value1)
Возведение в степень, корень, логарифмы...
Math.exp(value1)
Math.log(x)
Math.log10(x)
Math.log2(x)
Math.log1p(y)
Math.expm1(value1)
Math.hypot(value1, value2, ...)
Math.imul(value1, value2)
Math.pow(x, y)
Math.sqrt(x)
Функции для окружности: sin, cos и так далее
Math.E
Константа, основание натуральных логарифмов
Html
Пример
<script>
var
result = Math.E;
// result = 2.718281828459045
</script>
Math.PI
Константа
отношение длины окружности к ее диаметру
это соответствует 180 градусов
Html
Пример
<script>
var
result = Math.PI;
// result = 3.141592653589793
</script>
Math.cos
(value1)
возвращает косинус числа
value1 задается в радианах
Html
Пример
<script>
var
result = Math.cos(3.14);
// result = -1
</script>
pi=3.14 (это 180 градусов)
Math.sin
(value1)
возвращает синус числа
value1 задается в радианах
Html
Пример
<script>
var
result = Math.sin(3.14);
// result = 0
</script>
pi=3.14 (это 180 градусов)
Math.tan
(value1)
возвращает тангенс числа
value1 задается в радианах
Html
Пример
<script>
var
result = Math.tan(3.14/4);
// result = 1;
</script>
pi=3.14 (это 180 градусов)
pi/4 (это 45 градусов)
Math.acos
(value1)
возвращает арккосинус числа
Html
Пример
<script>
var
result = Math.acos(-1);
// result = 3.14159
</script>
Math.asin
(value1)
возвращает арк-синус числа
Html
Пример
<script>
var
result = Math.asin(-1);
// result = -1.57
</script>
Math.atan
(value1)
возвращает арктангенс числа
Html
Пример
<script>
var
result = Math.atan(-1);
// result = -0.7853
</script>
Math.atan2
(value1, value2)
возвращает угол (в радианах) от оси X до точки, соответствующей указанным координатам X и Y
Html
Пример
<script>
var
result = Math.atan2(0.2, 5);
// result = 0.0399
</script>
Math.cosh
(x)
возвращает гиперболический косинус числа
e
x
+ e
-x
= e
2x
+ 1
Math.sinh
(x)
возвращает гиперболический синус числа
e
x
- e
-x
= e
2x
- 1
Math.tanh
(value1)
возвращает гиперболический тангенс числа
sinh(x) / cosh(x)
Math.acosh
(value1)
Возвращает гиперболический арккосинус числа (обратный гиперболический косинус числа)
Math.asinh
(value1)
Возвращает гиперболический арк-синус числа (обратный гиперболический синус числа)
Math.atanh
(value1)
Возвращает гиперболический арк-тангенс числа (обратный гиперболический тангенс числа)
Округление чисел
Math.sign
(value1)
возвращает знак числа
1 или -1 или 0
то есть является ли число положительным или отрицательным или равно нулю
Html
Пример
<script>
var
result = Math.sign(6);
// result = 1;
result = Math.sign(-6);
// result = -1;
result = Math.sign('-6');
// result = -1;
result = Math.sign(0);
// result = 0;
</script>
Math.random
(value1)
возвращает случайное число от 0 до 1
Html
Пример
<script>
var
result = Math.random();
// result = 0.02
result = Math.random();
// result = 0.05
result = Math.random();
// result = 0.334524
</script>
Math.abs
(value1)
возвращает абсолютное значение числа
Html
Пример
<script>
var
result = Math.abs(-123.97);
// result = 123.97
</script>
Math.min
(value1, value2, ...)
возвращает наименьшее из значений
Html
Пример
<script>
var
result = Math.min(5, 67, 15, 430, 2);
// result = 2
</script>
Math.max
(value1, value2, ...)
возвращает большее из значений
Html
Пример
<script>
var
result = Math.max(5, 67, 15, 430, 2);
// result = 430
</script>
Math.ceil
(value1)
Округляет число в большую сторону (новое число будет больше или равно заданному числу)
Html
Пример
<script>
var
result = Math.ceil(3.6);
// result = 4
result = Math.ceil(3.1);
// result = 4
result = Math.ceil(3.001);
// result = 4
result = Math.ceil(3.00);
// result = 3
result = Math.ceil(-3.00);
// result = -3
result = Math.ceil(-3.001);
// result = -3
result = Math.ceil(-3.1);
// result = -3
var
result = Math.ceil(-3.6);
// result = -3
</script>
Math.floor
(value1)
Округляет число в меньшую сторону (новое число будет меньше или равно заданному числу)
Html
Пример
<script>
var
result = Math.floor(3.6);
// result = 3
result = Math.floor(3.1);
// result = 3
result = Math.floor(3.001);
// result = 3
result = Math.floor(3.00);
// result = 3
result = Math.floor(-3.00);
// result = -3
result = Math.floor(-3.001);
// result = -4
result = Math.floor(-3.1);
// result = -4
var
result = Math.floor(-3.6);
// result = -4
</script>
Math.round
(value1)
Округляет число до ближайшего числа
Html
Пример
<script>
var
result = Math.round(3.6);
// result = 4
result = Math.round(3.1);
// result = 3
result = Math.round(3.001);
// result = 3
result = Math.round(3.00);
// result = 3
result = Math.round(-3.00);
// result = -3
result = Math.round(-3.001);
// result = -3
result = Math.round(-3.1);
// result = -3
var
result = Math.round(-3.6);
// result = -4
</script>
Math.trunc
(value1)
возвращает целую часть от числа, отбрасывая дробную часть
Html
Пример
<script>
var
result = Math.trunc(12.48);
// result = 12;
result = Math.trunc(-12.48);
// result = -12;
result = Math.trunc(0.23);
// result = 0;
result = Math.trunc(-0.23);
// result = 0;
</script>
Возведение в степень, корень, логарифмы
Math.exp
(value1)
e
x
(возводит e в степень x) где e=2.71827 (основание натуральных логарифмов)
Html
Пример
<script>
var
result = Math.exp(3);
// result = 2.71827
3
= 20.085
</script>
Math.log
(x)
y=
log(x)
(возвращает натуральный логарифм числа)
это можно представить так
x = e
y
e=2.71827 (основание натуральных логарифмов)
Html
Пример
<script>
var
result = Math.log(20.085);
// result = 3
</script>
Math.log10
(x)
log10(x)
(возвращает логарифм числа по основанию 10)
Html
Пример
<script>
var
result = Math.log10(1000);
// result = 3
</script>
Math.log2
(x)
log2(x)
(возвращает логарифм числа по основанию 2)
Html
Пример
<script>
var
result = Math.log2(16);
// result = 4
</script>
Math.log1p
(y)
log (y+1)
Html
Пример
<script>
var
result = Math.log1p(20.085);
// result = log(20.085 + 1) = log(21.085) = 3.048561887
</script>
Math.expm1
(value1)
e
x
- 1
(возводит e в степень x - 1)
e=2.71827 (основание натуральных логарифмов)
Html
Пример
<script>
var
result = Math.expm1(3.048561887);
// result = 2.71827
3.048561887
- 1 = 20.085
</script>
Math.hypot
(value1, value2, ...)
sqrt(value1*value1 + value2*value2 + ...) то есть возвращает квадратный корень из суммы квадратов аргументов
Html
Пример
<script>
var
result = Math.hypot(3, 4, 6, 9);
// result = sqrt(3*3 + 4*4) = sqrt(25) = 5
result = Math.hypot(3, 4, 9);
// result = sqrt(3*3 + 4*4 + 9*9) = sqrt(106) = 10.295
</script>
Math.imul
(value1, value2)
value1 * value2 (произведение двух чисел)
Html
Пример
<script>
var
result = Math.imul(3, 4);
// result = 3 * 4 = 12
</script>
Math.pow
(x, y)
x
y
(возводит x в степень y)
Html
Пример
<script>
var
result = Math.pow(3, 2);
// result = 3*3 = 9
</script>
Math.sqrt
(x)
квадратный корень числа x
Html
Пример
<script>
var
result = Math.sqrt(16);
// result = 4;
</script>
Подробнее
msdn.microsoft.com
← Предыдущая тема
Числа В JavaScript. Конвертация текста в число. Округление числа. Перевод шестнадцатиричного в десятичное число. | стандарт ES5
Следующая тема →
Дата и время (год, месяц, число, часы, минуты, секунды) В JavaScript. Класс Date | стандарт ES5
Ваши Отзывы ... комментарии ...
Вашe имя
Ваш комментарий
(www ссылки может добавлять только залогиненный пользователь)
+ картинку
Объявления
Объявления
•
В каком редакторе (программе) удобно писать JavaScript код?
Новое приложение
•
Создаем новое приложение JavaScript в текстовом редакторе
•
Создаем новое приложение JavaScript в Visual Studio Code. Отладка приложения. Смотрим в отладке как по шагам выполняется JavaScript
Отладка JavaScript, HTML
•
Отладка JavaScript в Google Chrome. Используем debugger
•
Как узнать (увидеть) где ошибка при выполнении HTML, JavaScript в Google Chrome
•
Отладка JavaScript В Google Chrome. Используем console.log("Hello!")
JavaScript стандарт ES5. Издан в 2009 году. Поддерживается всеми браузерами
Функция
•
Функция В JavaScript. Пример: function CalculateSum(value1, value2) { ... } | стандарт ES5
•
Функция return || В JavaScript. Пример: function getPersonName(name) { return name || "Evgen" } | стандарт ES5
•
Вызов функции до ее определения (Hoisting) В JavaScript | стандарт ES5
•
Переменные внутри функции (время жизни переменных внутри функции) JavaScript | стандарт ES5
•
Передача параметров по значению и по ссылке в функцию В JavaScript | стандарт ES5
•
Как узнать ... существует ли функция по названию В JavaScript? Пример: typeof calcSum == "function" | стандарт ES5
•
Функция описанная внутри функции. JavaScript | стандарт ES5
Безымянная функция
•
Безымянная функция В JavaScript . Использование безымянной функции: создаем новую переменную и новой переменной назначаем безымянную функцию. Пример: var myFunc1 = function (a, b) { return a + b; } ; | стандарт ES5
•
Безымянная функция В JavaScript . Использование безымянной функции: безымянную функцию передаем как параметр в другую функцию. Пример: Calculate(15, 7, function(v1, v2) {return v1+v2;}); | стандарт ES5
Само-вызывающая безымянная функция
•
Само-вызывающая безымянная функция В JavaScript. Где используется? Используется в Yandex рекламе. Пример: ( function(){ ... } )(); | стандарт ES5
•
Создаем файл js с объектом содержащий экспортные переменные и функции. Это пример использования само-вызывающей безымянной функции | стандарт ES5
Лямбда функция (сокращенный вариант безымянной функции)
•
Лямбда функция В JavaScript . Использование лямбда функции. [Пример1] var myFunc1 = (a, b) => a + b; [Пример2] Calculate(15, 7, (v1, v2) => {return v1+v2;}); | стандарт ES5
Переменные
•
Переменные В JavaScript (текст, число, флаг, дата и время) | стандарт ES5
•
Доступ к переменным до их определения (Hoisting) В JavaScript | стандарт ES5
•
Область видимости переменных var, let, const В JavaScript | стандарт ES5
Текст, строки В JavaScript
•
Текст В JavaScript. Класс String. Пример: var myText = String("World"); | стандарт ES5
•
Length (длина строки В JavaScript) | стандарт ES5
•
Функция replace(text1, text2) заменить текст В JavaScript | стандарт ES5
•
Функция toUpperCase() переводит текст в верхний регистр JavaScript | стандарт ES5
•
Функция toLowerCase() перевод текста в нижний регистр JavaScript | стандарт ES5
•
Функция split(delimiter) разделяет строку на подстроки JavaScript | стандарт ES5
•
Функция charAt(position) получить символ по позиции JavaScript | стандарт ES5
•
Функция substr(pos, len) возвращает подстроку JavaScript | стандарт ES5
•
Функция slice(pos1, pos2) возвращает подстроку JavaScript | стандарт ES5
•
Функция substring(pos1, pos2) возвращает подстроку JavaScript | стандарт ES5
•
Функция indexOf(text, startPos) ищет подстроку и возвращает индекс JavaScript | стандарт ES5
•
Функция startsWith(text) проверяет, начинается ли строка с указанной подстроки JavaScript | стандарт ES5
•
Функция trim() удалить пробелы в начале и в конце строки JavaScript | стандарт ES5
•
Функция padStart(length, symbol) добавляет в начале строки символы до нужной длины строки JavaScript | стандарт ES5
•
Функция padEnd(length, symbol) добавляет в конце строки символы до нужной длины строки JavaScript | стандарт ES5
•
В текстовую переменную можно назначить текст как много строк. Пример: var myText = `Hello \n Thanks \n Bye` | JavaScript стандарт ES6
•
В текстовой переменной можно писать выражения с переменными (форматирование, интерполяция строки). Пример: var myText = `Hello ${a}` | JavaScript стандарт ES6
Регулярные выражения
•
Регулярные выражения в JavaScript | стандарт ES5
•
Пишем регулярное выражение чтобы удалить все специальные символы кроме букв и цифр | Regex JavaScript | стандарт ES5
Числа и математические функции
•
Числа В JavaScript. Конвертация текста в число. Округление числа. Перевод шестнадцатиричного в десятичное число. | стандарт ES5
•
Математические функции из библиотеки Math: Sin, cos, log, pow и так далее В JavaScript | стандарт ES5
Дата и время
•
Дата и время (год, месяц, число, часы, минуты, секунды) В JavaScript. Класс Date | стандарт ES5
Массив
•
Массив В JavaScript это [] или класс Array | стандарт ES5
•
Что значит 3 точки ...items | Пример 1: Math.max(...prices) | Пример 2: books.push(...items) | JavaScript, стандарт ES5
•
Разница между push(items) и push(...items) | Добавление массива в массив В JavaScript | стандарт ES5
•
Найти max цены в сложном массиве: [ {name:"Tomate", price:10}, {name:"Apple", price:17}, {name:"Orange", price:15} ] в JavaScript | стандарт ES5
•
Найти min цены в сложном массиве: [ {name:"Tomate", price:10}, {name:"Apple", price:17}, {name:"Orange", price:15} ] в JavaScript | стандарт ES5
Коллекции Map и Set
•
Коллекция "ключ-значение" В JavaScript. Класс Map | стандарт ES5
•
Коллекция уникальных значений В JavaScript. Класс Set | стандарт ES5
Объект {набор свойств и функций}
•
{} это объект В JavaScript. Объект содержит набор свойств и функции. Пример var book = {Name: "Волшебник Средиземноморья", Price: 120}; | стандарт ES5
•
{...} = объект в JavaScript заполняем из переменных класса или другим объектом. Пример: const {name, total, price} = b.myProps; | стандарт ES5
Класс (это функция с использованием new) | стандарт ES5
•
Класс в JavaScript это обычная функция-конструктор. Такая функция-конструктор содержит простые данные, объекты, внутренние функции В JavaScript. Для создания объекта класса используется new Пример: function Book() { ... } ... var obj1 = new Book(); | стандарт ES5
•
Инкапсуляция переменных (скрытие переменных для доступа) в функции (в виде класса) В JavaScript | стандарт ES5
•
prototype - это набор функций, переменных для всех экземпляров класса (в виде функции) В JavaScript | стандарт ES5
try catch
•
Зачем нужно использовать try и catch В JavaScript? | стандарт ES5
Замыкание (closure) В Javascript
•
Что такое замыкания (closure) В JavaScript ? Стандарт ES5
Управление памятью в JavaScript
•
Управление памятью в JavaScript | стандарт ES5
Примеры движение картинки и анимация
•
Анимация человечка на месте. Используем HTML элемент <div>. Для анимации используем CSS стили: "animation", "background-image", "background-position", "keyframes" | стандарт ES5
•
Анимация человечка в движении (sprite). Используем HTML элементы <div>, <img>. Для анимации используем CSS стили: "animation", "background-image", "background-position", "keyframes" | стандарт ES5
•
Рисуем картинку с движением. Используем HTML элемент <canvas>. Для движения используем JavaScript: var img = new Image(), img.src = url, drawImage, timer, window.setInterval | стандарт ES5
•
Рисуем картинку с движением и анимацией (sprite). Используем HTML элемент <canvas>. Для движения используем JavaScript: var img = new Image(), img.src = url, drawImage, timer, window.setInterval | стандарт ES5
Примеры
•
Как определить устройство (планшет, компьютер, телефон) сейчас используется в JavaScript, HTML | стандарт ES5
•
Редактор текста пишем на HTML, JavaScript | стандарт ES5
Делаем Popup используя HTML и Javascript
•
Как сделать Popup окно в HTML странице | Javascript, HTML, CSS
Моя игра (HTML, JavaScript)
•
Моя игра "Wizard World" | HTML, JavaScript
PDF readers. Загрузка и отображение файла PDF (JavaScript, HTML)
•
PDF reader. Загрузка и отображение файла PDF (adobe JavaScript, HTML) | PDF JavaScript implemented by Adobe
•
PDF reader. Загрузка и отображение файла PDF (JavaScript, HTML) | PDF JavaScript implemented by Mozilla
JavaScript стандарт ES6. Издан в 2015 году. Поддерживается НЕ всеми браузерами. Синонимы ES6, ES2015, ECMAScript 2015
•
В текстовой переменной можно писать выражения с переменными (форматирование, интерполяция строки). Пример: var myText = `Hello ${a}` | JavaScript стандарт ES6
•
class | Класс В JavaScript. Пример: class Book {...} ... var obj1 = new Book(); | стандарт ES6
•
promise В JavaScript | стандарт ES6
Ваши вопросы присылайте по почте:
info@dir.by