JavaScript: арифметические операторы
Арифметические операторы: +, -, *, /
В JavaScript арифметические операторы принимают числовые значения (литералы или переменные) в качестве своих операндов и возвращают одно числовое значение. Существует четыре стандартных арифметических оператора : сложение (+), вычитание (-), умножение (*) и деление (/).
Эти операторы работают так же, как и в других языках программирования, за исключением оператора деления (/), который возвращает деление с плавающей запятой в JavaScript, а не усеченное деление, как в языках, таких как C или Java.
Например:
1/2 возвращает 0,5 в JavaScript.
1/2 возвращает 0 в Java.
Кроме того, JavaScript предоставляет модули (%), приращение (++), декремент (-) и операторы унарного отрицания (-).
Пример: (+ оператор сложения)
HTML-код:
<!doctype html>
<head>
<meta charset="utf-8">
<title>JavaScript + operator example</title>
<meta name="description" content="This document contains
an example of JavaScript + operator" />
</head>
<body>
<script src="addition_example1.js"></script>
</body>
</html>
Код JS:
var var1 = 45;
var var2 = 78;
var var3 = 45.10;
var var4 = 178.12;
var newvar = var1 + var2;
var newvar1 = var3 + var4;
var newParagraph3 = document.createElement("p");
var newText3 = document.createTextNode("var1 + var2 = "+newvar+" and var3 + var4 = "+newvar1);
newParagraph3.appendChild(newText3);
document.body.appendChild(newParagraph3);
Пример: (- оператор вычитания)
HTML-код:
<!doctype html>
<head>
<meta charset="utf-8">
<title>JavaScript subtraction operator example </title>
<meta name="description" content="This document contains an
example Using JavaScript subtraction operator"/>
</head>
<script src="subtraction-example1.js"></script>
</body>
</html>
Код JS:
var var1 = 45;
var var2 = 78;
var str1 = "w3resource";
var str2 = ".com";
var newvar = var1 - var2;
var newstr = str1 - str2;
var varstr = var1 - str2;
var newParagraph = document.createElement("p");
var newText = document.createTextNode("var1 -var2 = "+ newvar);
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode("str1 - str2 = "+ newstr);
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);
var newParagraph2 = document.createElement("p");
var newText2 = document.createTextNode("var1 - str2 = "+ varstr);
newParagraph2.appendChild(newText2);
document.body.appendChild(newParagraph2)
Пример: (* оператор умножения)
HTML-код:
<!doctype html><head>
<meta charset="utf-8">
<title>JavaScript multiplication operator (*) example with DOM
</title>
<meta name="description" content="This document contains an example
Using JavaScript multiplication operator (*) with dom"/>
</head>
<body>
<script src="multiplication-example1.js"></script>
</body>
</html>
Код JS:
var var1 = 45;
var var2 = 78;
var var3 = 45.10;
var var4 = 178.12;
var newvar = var1 * var2;
var newvar1 = var3 * var4;
var newParagraph = document.createElement("p");
var newText = document.createTextNode("var1 * var2 ="+ newvar);
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode("var3 * var4 ="+ newvar1);
newParagraph1.appendChild newText1);
document.body.appendChild(newParagraph1);
Пример: (/ оператор деления)
HTML-код:
<!doctype html>
<head>
<meta charset="utf-8">
<title>JavaScript / operator example </title>
<meta name="description" content="This document contains an example of JavaScript division operator" />
</style>
</head>
<body>
<script src="division-example1.js"></script>
</body>
</html>
Код JS:
var var1 = 45;
var var2 = 78;
var var3 = 1;
var var4 = 2;
var newvar = var1 / var2;
var newvar1 = var3 / var4;
var newParagraph = document.createElement("p");
var newText = document.createTextNode ("var1 / var2 ="+ newvar);
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode("var3 / var4 ="+ newvar1);
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);
Практикуйте пример онлайн
См. Javascript-common-editor Pen от w3resource ( @ w3resource ) в CodePen .
Предыдущая: чтение и запись в HTML-документ
Далее: JavaScript: специальные арифметические операторы (%, ++, -, -)
Новый контент: Composer: менеджер зависимостей для PHP , R программирования