JavaScript: специальные арифметические операторы (%, ++, -, -)
Арифметические специальные операторы
В дополнение к четырем стандартным арифметическим операторам (+, -, *, /) JavaScript предоставляет следующие арифметические операторы .
Оператор модуля JavaScript (%)
Оператор модуля используется следующим образом:
var1% var2
Оператор модуля возвращает первый операнд по модулю второго операнда, то есть var1 по модулю var2, в приведенном выше утверждении, где var1 и var2 являются переменными. Функция по модулю является целочисленным остатком от деления var1 на var2. Результат будет иметь тот же знак, что и var1.
Пример:
HTML-код
,<!doctype html>
<head>
<meta charset="utf-8">
<title>JavaScript modules operator (%) example with DOM</title>
<meta name="description" content="This document contains an example Using JavaScript modules operator (%) with dom"/>
</head>
<body>
<script src="modules-example1.js"></script>
</body>
</html>
Код JS
var var1 = 45;
var var2 = 78;
var var3 = 545.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);
Оператор увеличения JavaScript (++)
Оператор приращения используется следующим образом:
- var1 ++ (Постинкремент)
- ++ var1 (предварительное увеличение)
В первом случае (т. Е. Постинкремент) оператор увеличивает переменную var1 на 1, но возвращает значение до приращения.
Во втором случае (т.е. с предварительным приращением) оператор увеличивает переменную var1 на 1, но возвращает значение после приращения.
Пример :
HTML-код
<!doctype html><head>
<meta charset="utf-8">
<title>JavaScript increment operator example with DOM</title>
<meta name="description" content="This document contains an example of JavaScript increment operator." />
</style>
</head>
<body>
<script src="increment-operator-example1.js"></script>
</body>
</html>
Код JS
var var1 = 45;
var X = 45;
var newParagraph = document.createElement("p");
var newText = document.createTextNode("Initial value of var1 ="+var1+" and X ="+X);
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode("Lets apply the following fourmula X = var1++ [ i.e. Post increment of a variable ]");
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);
X=var1++;
var newParagraph2 = document.createElement("p");
var newText2 = document.createTextNode("After post-increment value of var1 ="+var1+" and X ="+X);
newParagraph2.appendChild(newText2);
document.body.appendChild(newParagraph2);
var var1 = 45;
var X = 45;
var newParagraph3 = document.createElement("p");
var newText3 = document.createTextNode("Initial value of var1 ="+var1+" and X ="+X);
newParagraph3.appendChild(newText3);
document.body.appendChild(newParagraph3);
var newParagraph4 = document.createElement("p");
var newText4 = document.createTextNode("Lets apply the following fourmula X =++var1 [ i.e. Pre increment of a variable ]");
newParagraph4.appendChild(newText4);
document.body.appendChild(newParagraph4);
X=++var1;
var newParagraph5 = document.createElement("p");
var newText5 = document.createTextNode("After pre-increment value of var1 ="+var1+" and X ="+X); //creates text along with ouput to be displayed
newParagraph5.appendChild(newText5);
document.body.appendChild(newParagraph5);
JavaScript: оператор декремента (-)
Оператор декремента используется следующим образом:
- var1-- (Постдекремент)
- --var1 (предварительный декремент)
В первом случае (т.е. после декремента) оператор уменьшает переменную var1 на 1, но возвращает значение перед уменьшением.
Во втором случае (т. Е. Перед декрементом) оператор уменьшает переменную var1 на 1, но возвращает значение после уменьшения.
Пример:
HTML-код
<!doctype html>
<head>
<meta charset="utf-8">
<title>JavaScript decrement operator example.</title>
<meta name="description" content="This document contains an example of JavaScript decrement operator." />
</head>
<body>
<script src="decrement-operator-example1.js"></script>
</body>
</html>
Код JS
var var1 = 45;
var X = 0;
var newParagraph = document.createElement("p");
var newText = document.createTextNode("Initial value of var1 ="+var1+" and X ="+X);
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode("Lets apply the following fourmula X = var1-- [ i.e. Post decrement of a variable ]");
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);
X=var1--;
var newParagraph2 = document.createElement("p");
var newText2 = document.createTextNode("After post-decrement value of var1 ="+var1+" and X ="+X);
newParagraph2.appendChild(newText2);
document.body.appendChild(newParagraph2);
var var1 = 45;
var X = 0;
var newParagraph3 = document.createElement("p");
var newText3 = document.createTextNode("Initial value of var1 ="+var1+" and X ="+X);
newParagraph3.appendChild(newText3);
document.body.appendChild(newParagraph3);
var newParagraph4 = document.createElement("p");
var newText4 = document.createTextNode("Lets apply the following fourmula X = --var1 [ i.e. Pre decrement of a variable ]");
newParagraph4.appendChild(newText4);
document.body.appendChild(newParagraph4);
X=--var1;
var newParagraph5 = document.createElement("p");
var newText5 = document.createTextNode("After pre-decrement value of var1 ="+var1+" and X ="+X);
newParagraph5.appendChild(newText5);
document.body.appendChild(newParagraph5);
JavaScript: - оператор унарного отрицания
-var1
Унарный оператор отрицания меняет знак var1. Когда оператор отрицает переменную, значение переменной остается неизменным, но возвращаемое значение отрицается.
Пример:
HTML-код
<!doctype html>
<head>
<meta charset="utf-8">
<title>JavaScript unary negation operator example.</title>
<meta name="description" content="This document contains an example Using JavaScript unary negation "/>
</head>
<body>
<script src="unary-negation-operator-example1.js"></script>
</body>
</html>
Код JS
var var1 = 45;
var X = 0;
var newParagraph = document.createElement("p");
var newText = document.createTextNode('Initial value of var1 ='+var1+' and X ='+X);
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode('Lets apply the unary negation operator in var1 i.e. X = -var1');
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);
X=-var1;
var newParagraph2 = document.createElement("p");
var newText2 = document.createTextNode('After negating the value of var1 ='+var1+' and X ='+X);
newParagraph2.appendChild(newText2);
document.body.appendChild(newParagraph2);
Практикуйте пример онлайн
См. Javascript-common-editor Pen от w3resource ( @ w3resource ) в CodePen .
Предыдущая: avaScript: Арифметические операторы
Далее: JavaScript: операторы присваивания
Новый контент: Composer: менеджер зависимостей для PHP , R программирования