Math.tan() в JavaScript — тангенс кута

Загальний опис

Math.tan() дозволяє отримати тангенс кута, заданого в радіанах. Завдяки йому можна розв'язувати ряд математичних задач, пов'язаних із геометрією, анімацією, фізикою та іншими галузями, де важливо знати тангенс певного кута.

Для отримання тангенсу кута просто передайте в метод Math.tan() значення кута в радіанах. Наприклад, щоб знайти тангенс кута 45 градусів:

let radians = Math.PI / 4; // 45 градусів у радіанах
let tanValue = Math.tan(radians);
console.log(tanValue); // приблизно 1

Використання в геометрії: Припустимо, у вас є прямокутний трикутник, і вам відомий кут та одна із прилеглих сторін. Ви можете знайти протилежну сторону за допомогою тангенса:

let adjacentSide = 5; // довжина прилеглої сторони
let angleInDegrees = 30; 
let radians = angleInDegrees * (Math.PI / 180); // конвертація градусів у радіани
let oppositeSide = adjacentSide * Math.tan(radians);
console.log(oppositeSide); // приблизно 2.89

Потрібно завжди пам'ятати, що Math.tan() приймає значення в радіанах, а не в градусах. Тому часто потрібна конвертація вхідних даних.

Також важливо знати, що для кутів, які дорівнюють 90° (π/2 радіан) та 270° (3π/2 радіан), тангенс є нескінченно великим, оскільки сінус цих кутів дорівнює 1, а косинус - 0. Таким чином, Math.tan(Math.PI/2) або Math.tan(3*Math.PI/2) поверне значення, яке дуже близьке до нескінченності.

console.log(Math.tan(Math.PI/2)); // приблизно Infinity

Використовуючи Math.tan(), завжди перевіряйте вхідні дані та очікувані результати, особливо при роботі із великими або дуже малими кутами.

правити

Порада

Math.tan() приймає значення у радіанах. Якщо у вас є кут у градусах, вам потрібно спершу перетворити його на радіани за допомогою формули: радіани = градуси * (Math.PI / 180).

let degrees = 45;
let radians = degrees * (Math.PI / 180);
console.log(Math.tan(radians)); // повертає значення тангенса 45 градусів

автор: Bond правити

Порада

Якщо ви передаєте велике число в метод Math.tan(), ви можете отримати неочікувані результати через особливості чисел з рухомою комою. Перед використанням цього методу завжди перевіряйте діапазон вхідних значень.

console.log(Math.tan(10000)); // може повернути неочікуване значення

автор: Bond правити

Нотатка

Функція тангенса має вертикальні асимптоти, де її значення стрімко збільшується або зменшується. Для надійного обчислення завжди переконуйтеся, що ваши вхідні дані не зближуються до місць, де тангенс дорівнює ±∞ (наприклад, π/2 + kπ, де k - ціле число).

автор: Bond правити

+ додати пораду чи нотатку

Синтаксис

Math.tan(x)

Параметри

x

Число, яке представляє кут у радіанах.

автор: Bond

правити

Повернення

tangent

Повертає тангенс значення x. Якщо x дорівнює Infinity, -Infinity або NaN, повертає NaN. Важливо враховувати, що через точність чисел з плаваючою комою неможливо отримати точне значення π/2, тому результат завжди буде кінцевим, якщо не NaN.

автор: Bond

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1	1	3	12	3

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	4	1

Підтримка: серверні переглядачі

Переглядач
	0.10.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

<header>
  <h2 class="title">Math.tan()</h2>
  <p class="description">Отримання тангенсу заданого кута в радіанах.</p>
</header>
<main>
  <div class="result">
    <label for="angle">Введіть кут у градусах:</label>
    <input type="number" id="angle" value="45">
    <button onclick="calculateTan()">Розрахувати тангенс</button>
    <p id="output"></p>
  </div>
</main>

body {
  font-size: 16px;
  line-height: 1.5;
  font-family: monospace;
}

header {
  background-color: #f1f1f1;
  margin-bottom: 25px;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
}

header h2.title {
  padding-bottom: 15px;
  border-bottom: 1px solid #999;
}

header p.description {
  font-style: italic;
  color: #222;
}

.result {
  background-color: #f8f8f8;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
  box-shadow: 0px 0px 3px 0px rgba(118, 118, 118, 1);
}

button {
  margin-top: 10px;
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.3s;
}

button:hover {
  background-color: #45a049;
}

function calculateTan() {
  let angle = document.getElementById('angle').value;
  let radians = angle * (Math.PI / 180);
  let tanValue = Math.tan(radians);
  document.getElementById('output').textContent = `Тангенс кута ${angle} градусів дорівнює: ${tanValue.toFixed(2)}`;
}
//# sourceURL=pen.js

// кут падіння сонячного світла у радіанах
let angleInDegrees = 30;
let angleInRadians = angleInDegrees * (Math.PI / 180);

// довжина тіні об'єкта в метрах
let shadowLength = 5;

// обчислення висоти об'єкта
let objectHeight = shadowLength * Math.tan(angleInRadians);
console.log(`Висота об'єкта: ${objectHeight.toFixed(2)} метрів`);

// висота підйому покрівлі в метрах (від краю до вершини)
let riseHeight = 3;

// горизонтальна відстань від вертикальної стіни до краю покрівлі в метрах
let runDistance = 7;

// обчислення тангенса кута покрівлі
let roofAngleTan = riseHeight / runDistance;

// обчислення кута покрівлі в радіанах
let roofAngleInRadians = Math.atan(roofAngleTan);

// конвертація кута з радіан в градуси
let roofAngleInDegrees = roofAngleInRadians * (180 / Math.PI);
console.log(`Кут нахилу покрівлі: ${roofAngleInDegrees.toFixed(2)} градусів`);