Math.pow() в JavaScript — піднесення до степеня


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

Math.pow() є методом об'єкта Math в JavaScript, призначеним для піднесення числа до певного ступеня. Цей метод приймає два аргументи: базу та показник ступеня, і повертає результат піднесення бази до заданого показника ступеня. Ця функція використовується у численних ситуаціях. Вона може бути корисною для розрахунків у науці, інженерії, графіці та інших галузях, де потрібне піднесення до ступеня.

Math.pow() може бути використано в будь-якому місці вашого коду, де потрібно піднести число до ступеня. Наприклад, при розробці гри для обчислення швидкості руху об'єкта або при розрахунках в науковій програмі.

Форма виклику функції виглядає так: Math.pow(base, exponent). Де "base" - це число, яке потрібно піднести до ступеня, а "exponent" - це показник ступеня. Приклад:

let result = Math.pow(2, 3);  // 2 піднесено до 3-го ступеня. Результат: 8
console.log(result);  // Виведе 8

На відміну від деяких інших мов програмування, JavaScript не має оператора піднесення до ступеня (наприклад, **). Тому Math.pow() є основним способом виконання цієї операції в JavaScript.

Давайте зобразимо кілька простих прикладів:

  1. Піднести число 5 до ступеня 2:
let result = Math.pow(5, 2);  // Результат: 25
console.log(result);  // Виведе 25
  1. Обчислення кореня квадратного:
let squareRoot = Math.pow(9, 0.5);  // Результат: 3, тому що корінь квадратний - це піднесення до ступеня 0.5
console.log(squareRoot);  // Виведе 3

У ES7 (ECMAScript 2016) було введено новий оператор ** для піднесення до ступеня, який є альтернативою Math.pow(). Тож, якщо ваше середовище підтримує ES7, ви можете використовувати новий оператор.

автор: Bond

Порада

Для професіоналів: коли вам потрібно розрахувати корінь квадратний, використовуйте Math.pow() зі степенем 0.5. Наприклад, корінь квадратний з 9 можна отримати як Math.pow(9, 0.5)

автор: Bond
Порада

Якщо у вашому застосунку часто використовується піднесення до квадратного степеня, можливо, вам варто створити окрему функцію для цього, щоб збільшити продуктивність:

 function square(num) {
	 return num * num;
 }

Це може бути швидше, ніж використання Math.pow(num, 2), особливо при частих обчисленнях.

автор: Bond
Нотатка

Піднесення навіть невеликого числа до дуже великого степеня може привести до величезних результатів, які можуть викликати помилки у вашому коді або перевищити межі зберігання чисел у JavaScript.

автор: Bond

Синтаксис

Math.pow(base, exponent)

Параметри

base

Основне число, яке буде піднесено до степеня. Це може бути будь-яке дійсне число.

автор: Bond

exponent

Число степеня, до якого буде піднесено основне число. Також може бути будь-яким дійсним числом.

автор: Bond

Повернення

number

Повертає число, яке представляє собою результат піднесення основного числа (base) до вказаного степеня (exponent).

У випадках, коли exponent є NaN, base є NaN і exponent не дорівнює 0, base дорівнює ±1 і exponent є ±Infinity, або коли base є менше за 0 і exponent не є цілим числом - метод повертає NaN.

автор: Bond

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
1 1 1 3 12 3
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
4.4 18 4 1
Підтримка: серверні переглядачі
Переглядач Node.js Deno
0.10.0 1.0

Приклади

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

Цей приклад демонструє, як можна використовувати Math.pow() для піднесення числа до ступеня. Користувач може ввести базу та показник ступеня, натиснути на кнопку "Обчислити", і результат буде відображено на сторінці.

HTML

<header>
  <h2 class="title">Math.pow()</h2>
  <p class="description">Підносить число до заданого ступеня.</p>
</header>
<main>
  <div class="result">
    <label for="base">База (число, яке буде піднесено до ступеня): </label>
    <input id="base" type="number" value="2">
    <br>
    <label for="exponent">Показник ступеня: </label>
    <input id="exponent" type="number" value="3">
    
    <button onclick="calculatePower()">Обчислити</button>
    
    <p>Результат: <span id="output">8</span></p>
  </div>
</main>

CSS

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 {
  display: block;
  margin-top: 10px;
}

JS

function calculatePower() {
  const base = document.getElementById("base").value;
  const exponent = document.getElementById("exponent").value;
  const result = Math.pow(base, exponent);
  document.getElementById("output").innerText = result;
}
//# sourceURL=pen.js
автор: Bond

У цьому прикладі ми створюємо функцію cubeVolume, яка приймає довжину сторони куба як аргумент. Використовуючи Math.pow(), ми підносимо довжину сторони до третього степеня, щоб отримати об'єм куба.

// Функція для обчислення об'єму куба за його довжиною сторони
function cubeVolume(sideLength) {
    // Використовуємо Math.pow() для піднесення довжини сторони до третього степеня
    return Math.pow(sideLength, 3);
}

const side = 3;
console.log(`Об'єм куба зі стороною ${side} є ${cubeVolume(side)}`);
автор: Bond

У цьому прикладі ми використовуємо Math.pow() для обчислення складних відсотків за допомогою відомої формули. Функція compoundInterest приймає основну суму, річну відсоткову ставку, кількість разів на рік, коли відсотки додаються до основної суми, і загальну кількість років. За допомогою Math.pow() ми обчислюємо кінцеву суму за вкладом.

// Функція для обчислення суми за вкладом зі складними відсотками
function compoundInterest(principal, rate, timesPerYear, years) {
    // Формула для обчислення складних відсотків
    return principal * Math.pow((1 + rate / timesPerYear), timesPerYear * years);
}

const principalAmount = 1000;  // початкова сума
const annualRate = 0.05;  // річна відсоткова ставка
const compoundingTimes = 4;  // кількість разів на рік
const totalYears = 5;  // кількість років

console.log(`Сума за вкладом через ${totalYears} років становить: ${compoundInterest(principalAmount, annualRate, compoundingTimes, totalYears)}`);
автор: Bond

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле веде сходинками (розділ → тип → сторінка), а хибний ключ підкреслить хвилею.
[[!sandbox/S0oh1hBm]] Живий приклад окремим рядком — саме вікно результату. Той самий ключ зі знаком !: наберіть [[! і дійдіть сходинками до потрібної сторінки, список покаже її приклади.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Правка
Зворотний зв'язок
Вхід