суббота, 6 мая 2017 г.

JS. 4. Операции

Математические и логические операции.

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Операции</title>
</head>
<body>
<script type="text/javascript">
var x = -5;
var y = 7.3;
var summa = x + y;
// Классические арифметические операции
document.write(x + " + " + y + " = " + summa); //  2.3
document.write("<br />");
document.write(x + " + " + y + " = " + x + y); // -57.3 - это соединение строк
document.write("<br />");
document.write(x + " + " + y + " = " + (x + y)); // 2.3 нужны скобки
document.write("<br />");
document.write(x + " - " + y + " = " + (x - y)); // вычитание
document.write("<br />");
document.write(x + " * " + y + " = " + (x * y)); // умножение
document.write("<br />");
document.write(x + " / " + y + " = " + (x / y)); // деление
document.write("<br />");
// Остаток от деления
document.write(7 + " % " + 5 + " = " + (7 % 5)); // 2
document.write("<br />");
// Увеличим переменную на какое-либо число.
x = x + 2;
document.write("x = " + x); // -5 + 2 = -3
document.write("<br />");
// Синоним
x += 2;
document.write("x = " + x); // -3 + 2 = -1
document.write("<br />");
// Увеличим значение переменной на единицу. Инкремент
x++;
document.write("Инкремент = " + x); // -1 + 1 = 0
document.write("<br />");
// Уменьшение значения переменной на единицу. Декремент
x--;
document.write("Инкремент = " + x); // 0 - 1 = -1
document.write("<br />");
// Строковые операции - сложение строк
var str_1 = "a";
var str_2 = "b";
document.write(str_1 + str_2); // ab
document.write("<br />");
var str = str_1 + str_2;
document.write(str); // ab
document.write("<br />");
// Здесь числа являются строками  и при сложении они будут складываться, как строки
var str_1 = "12";
var str_2 = "24";
document.write(str_1 + str_2); // 1224
document.write("<br />");
// Преобразуем строку в число через функцию Number
str_1 = Number(str_1);
str_2 = Number(str_2);
document.write(str_1 + str_2); // 36
document.write("<br />");
// Можно написать и так
document.write(Number(str_1) + Number(str_2)); // 36
document.write("<br />");
// ЛОГИЧЕСКИЕ ОПЕРАЦИИ
var b = x > y;
document.write(x + " > " + y + " = " + b); // -1 > 7.3 = false 
document.write("<br />");
var b = x < y;
document.write(x + " < " + y + " = " + b); // -1 < 7.3 = true
document.write("<br />");
// Таблица истинности
document.write("<table style='text-align: center;' border='1'><tr><td>B1</td><td>B2</td><td>Отрицание B1</td><td>B1 И B2</td><td>B1 ИЛИ B2</td><td>B1 ИСКЛЮЧАЮЩЕЕ ИЛИ B2</td></tr>");
var b_1 = false;
var b_2 = false;
document.write("<tr><td>" + b_1 + "</td><td>" + b_2 + "</td><td>" + (!b_1)+ "</td><td>" + (b_1 && b_2) +"</td><td>" + (b_1 || b_2) +"</td><td>" + (b_1 ^ b_2) +"</td></tr>");
var b_1 = false;
var b_2 = true;
document.write("<tr><td>" + b_1 + "</td><td>" + b_2 + "</td><td>" + (!b_1)+ "</td><td>" + (b_1 && b_2) +"</td><td>" + (b_1 || b_2) +"</td><td>" + (b_1 ^ b_2) +"</td></tr>");
var b_1 = true;
var b_2 = false;
document.write("<tr><td>" + b_1 + "</td><td>" + b_2 + "</td><td>" + (!b_1)+ "</td><td>" + (b_1 && b_2) +"</td><td>" + (b_1 || b_2) +"</td><td>" + (b_1 ^ b_2) +"</td></tr>");
var b_1 = true;
var b_2 = true;
document.write("<tr><td>" + b_1 + "</td><td>" + b_2 + "</td><td>" + (!b_1)+ "</td><td>" + (b_1 && b_2) +"</td><td>" + (b_1 || b_2) +"</td><td>" + (b_1 ^ b_2) +"</td></tr>");
document.write("</table");
</script>
</body>
</html>

B1B2Отрицание B1B1 И B2B1 ИЛИ B2B1 ИСКЛЮЧАЮЩЕЕ ИЛИ B2
falsefalsetruefalsefalse0
falsetruetruefalsetrue1
truefalsefalsefalsetrue1
truetruefalsetruetrue0

Упражнение
Создайте 2 строки «17» и «-5».
Сложите эти строки знаком «+».
Сложите эти строки знаком «+», пропустив их предварительно через функцию Number.
Объясните разницу в результатах 5-го и 6-го пункта.

Выполнение
var str_1 = "17";
var str_2 = "-5";
document.write(str_1 + str_2); // 17-5
document.write("<br />");

document.write(Number(str_1) + Number(str_2)); // 12

Комментариев нет:

Отправить комментарий