Math.sqrt() в JavaScript — квадратний корінь


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

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

Для того щоб використовувати Math.sqrt(), потрібно передати йому додатнє число як аргумент, і він поверне його квадратний корінь. Ось простий приклад:

let num = 9;
let root = Math.sqrt(num);
console.log(root); // 3, бо 3^2 = 9

Але що якщо ми спробуємо передати від'ємне число? Math.sqrt() поверне NaN (Not a Number), оскільки квадратний корінь з від'ємного числа не є дійсним числом:

let num = -9;
let root = Math.sqrt(num);
console.log(root); // NaN

Важливо пам'ятати, що якщо ви передаєте в метод число, яке меньше за 0, результатом буде NaN. Також метод завжди повертає дійсне число (або NaN), навіть якщо результат є цілим числом. Наприклад, Math.sqrt(4) поверне 2.0, а не просто 2.

Додаткова особливість полягає в тому, що якщо передати в метод Math.sqrt() значення, що не є числом або не передати жодного аргументу взагалі, метод також поверне NaN. Тому завжди переконуйтеся, що передаєте коректні дані методу.

автор: Bond

Порада

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

if (value >= 0) {
    let result = Math.sqrt(value);
} else {
    console.error("Введене число має бути додатним!");
}
автор: Bond
Порада

Якщо вам потрібно перевірити, чи є число квадратом іншого цілого числа, ви можете використовувати Math.sqrt() та перевірити, чи є результат цілим числом.

if (Number.isInteger(Math.sqrt(value))) {
    console.log("Число є квадратом цілого числа");
}
автор: Bond
Нотатка

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

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

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

let distance = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
автор: Bond

Синтаксис

Math.sqrt(x)

Параметри

x

Число, яке має бути більше або дорівнює 0. Представляє число, з якого буде взято квадратний корінь.

автор: Bond

Повернення

root

Повертає квадратний корінь з числа x, яке є невід'ємним. Якщо x < 0, повертає 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

Приклади

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

Відвідувачі можуть вводити значення в текстове поле, а потім натискати кнопку "Обчислити", щоб дізнатися квадратний корінь введеного числа. Результат відображатиметься під кнопкою.

HTML

<header>
  <h2 class="title">Math.sqrt()</h2>
  <p class="description">Знаходить квадратний корінь з числа.</p>
</header>
<main>
  <div class="result">
    <label for="inputNumber">Введіть число, з якого потрібно взяти квадратний корінь:</label><br>
    <input type="number" id="inputNumber" value="4">
    <button onclick="calculateRoot()">Обчислити</button>
    <p>Результат: <span id="outputResult">2</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 {
  margin-left: 15px;
  padding: 5px 15px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 3px;
  cursor: pointer;
}

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

JS

function calculateRoot() {
  const inputNumber = document.getElementById('inputNumber').value;
  const result = Math.sqrt(inputNumber);
  document.getElementById('outputResult').textContent = result.toFixed(2);
}
//# sourceURL=pen.js
автор: Bond

У цьому прикладі ми знаходимо квадратний корінь введеного користувачем числа. Це базовий приклад, який демонструє прямий використання методу Math.sqrt() для отримання кореня квадратного.

let number = prompt("Введіть число, щоб знайти його квадратний корінь:"); // Отримуємо вхід від користувача
let root = Math.sqrt(number); // Обчислюємо квадратний корінь

console.log(`Квадратний корінь з ${number} дорівнює ${root}`);
автор: Bond

У цьому прикладі ми використовуємо метод Math.sqrt() для обчислення довжини гіпотенузи в правильному трикутнику за допомогою теореми Піфагора. Це показує, як можна комбінувати Math.sqrt() з іншими математичними операціями.

let a = 3; // Катет a
let b = 4; // Катет b

// Застосовуємо теорему Піфагора для знаходження гіпотенузи
let c = Math.sqrt(a*a + b*b); 

console.log(`Довжина гіпотенузи в трикутнику з катетами ${a} та ${b} дорівнює ${c}`);
автор: 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`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

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

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