Як зробити додавання в JavaScript

Виконання додавання JavaScript може здатися простим завданням, поки ви не виявите безліч різних способів їх додавання. Математичні розрахунки часто є критичними операціями, які вимагають надзвичайної точності. Наприклад, веб-сайти, які продають товари, не можуть залишатися надійними, надміру сплачуючи покупцеві кілька копійок через помилкове додавання JavaScript. Навчання правильному додаванню цифр може допомогти вам створити надійні веб-сайти, які ефективно обробляють числові дані.

Введення JavaScript

На відміну від сильно набраних мов програмування, таких як C #, JavaScript набирається вільно і дозволяє призначати будь-який тип даних змінній, не надаючи змінній певного типу. Наприклад, у JavaScript ви можете призначити число змінній із назвою "x" так само просто, як і слово "apple". Ця гнучкість дозволяє створювати програми, не турбуючись про декларації типу. Однак вільне введення даних також має недоліки, оскільки ви також можете спробувати додати число 2 в одній змінній до іншої змінної, значення якої - "яблуко". Цього не може статися в сильно набраній мові програмування.

Основне додавання JavaScript

Наступний код додає два числа і зберігає результат у змінній з назвою "сума":

var x = 1; var y = 2; результат var = x + y;

У цьому простому прикладі результат - 3. Додайте цифри в JavaScript, розмістивши між ними знак плюса. Ви також можете використовувати наступний синтаксис для виконання додавання:

var x + = y;

Оператор "+ =" вказує JavaScript додати змінну з правого боку до змінної зліва.

Додавання з плаваючою крапкою

Числа з плаваючою комою, наприклад 1,234, містять десяткові крапки. Якщо ви додаєте числа з плаваючою комою, як показано нижче, JavaScript зберігає десяткові крапки, як показано нижче:

var x = 1,234; var y = 10; var z = x + y;

Після додавання "y" до "x", "JavaScript зберігає" 11.234 "у змінній" z ". Ви можете контролювати кількість десяткових крапок, які відображаються в результаті, за допомогою функції "toFixed". Замість того, щоб додавати "x" до "y", використовуйте такий синтаксис:

var z = (x + y) .toFixed (2);

Метод "toFixed" форматує результат таким чином, що він відображає лише два знаки після коми. Змініть "2" на будь-яке інше число, щоб стільки цифр відображалося після десяткової коми.

Додавання текстових даних

Можливо, ви виявили неприємну проблему при спробі додати цифри, введені в текстові поля. Текстові поля містять рядкові дані, і JavaScript обробляє їх як рядки. Наступний код додає два рядки за допомогою оператора плюс:

var x = "Яблука" + "Апельсини";

Змінна "x" містить "ApplesOranges" після запуску коду. Те саме відбувається, якщо виконати наступне додавання, використовуючи числа, введені у два текстові поля, значення ID яких - "text1" та "text2":

var x = document.getElementById ("textbox1"). value; var y = document.getElementById ("textbox2"). value; var z = x + y;

Якщо перше текстове поле містить "1", а друге текстове поле містить "2", JavaScript додає ці два значення, а не додає їх, і зберігає "12" у змінній "z". Запобігайте цьому, використовуйте функцію Number, як показано нижче:

var z = число (x) + число (y);

Результат у цьому випадку - 3.

Точність

Під час обробки даних вашій програмі може знадобитися округляти числа та виключати десяткові крапки. Метод Math.Round виконує це завдання, як показано в наступному прикладі:

var x = 1,4 var y = 1,2; var z = Math.round (x + y);

Додавання "x" та "y" сюди зазвичай дає результат 2,6. Однак якщо ви використовуєте Math.Round для виконання додавання, JavaScript округлює значення до 3. Цей метод, який працює у всіх браузерах, округлює числа до наступного цілого числа, якщо результат 0,5 або більше.