Логические операторы в JavaScript.

Оцените материал
(0 голосов)

Здравствуйте! В этом уроке мы продолжим тему операторов в JavaScript, начатую в прошлой статье и поговорим о логических операторах в JavaScript.  Эти операторы применяются в логических операциях, то есть таких где надо делать выбор в зависимости от какого-то условия пэтому для начала рассмотрим их.

Логические операторы в JavaScript

Логические операции JavaScript,

Логические операции  в основном преднанзначены  для составления сложных условий в опреациях сравнения. В  языке JavaScript  имеются такие логические операции:

&&- оператор логическое И вернет true, только если 2 операнда сравнения тоже возвращают true, в других случаях вернет false:

var price = 200;
var procent = 15;
var itog = price > 50 && percent > 12;
console.log(itog); //true

||  оператор логическое ИЛИ воозвращает true, если хотя бы один операнд сравнения возвращают true, в другом случае вернет false:

var price = 100;
var deposit = true;
var itog = price > 50 || deposit == true;
console.log(itog); //true

! оператор логическое НЕ Возвращает true, если операнд сравнения возвращает ложь то есть все наоборот:

var price = 100;
var itog = !(price > 50);
console.log(itog); // false, так как price > 50 возвращает true
var deposit = false;
var itog1 = !deposit;
console.log(itog1); // true

Операции со строками в  JavaScript.

Строки как и числа также  могут использовать оператор + для склеивания строк или конкатенации. Например:

var imya = "Марк";
var familya = "Твен"
var fio = imya + " " + familiya;
console.log(fio); //Марк Твен

Если надо переменную вставить в строке, которая выводится на экран то это тоже можно сделать с помощью оператора "+".

  var imya = "Марк Твен";
  document.write(imya+"лучший писатель современности"); // выведет Марк Твен лучший писатель современности

По новому стандарту JS2015 для того чтобы в строку вставить переменную необязательно использовать оператор "+", а сделать так:

  var imya = "Марк Твен";
  document.write(`${imya} лучший писатель современности`); // выведет Марк Твен лучший писатель современности

То есть строка заключается в обратные одинарные кавычки `, находятся там где клавиша ё в английской раскладке клавиатуры, а переменная помещается в конструкцию ${} при этом не надо разрывать строку и ставить знак "+".

В случае, когда вы пытаетесь сложить строку и число это приведет к тому что число будет преобразовано в строку и последняя будет просто склеена:

var imya = "Марк";
var fio = imya + 25;
console.log(fio); //Марк25

И давайте для закрепления материала напишем небольшую программу для демонстрации работы логических операторов:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>JavaScript</title>
</head>
<body>
<script>
    var summa = 600; // сумма вклада
    var procent = 5;  // процент по вкладу
    var itog = summa * procent / 100;  // доход по вкладу
    summa = summa + itog; // определяем новую сумму
    document.write("Доход по вкладу: " + itog+"
");     document.write("Сумма вклада после 1 года: " + summa); </script> </body> </html>

Просмотреть  пример

Здесь в нашем сценарии создаются  3 переменные: summa, procent и itog. Переменная itog будет вычисляться по остальным 2 переменным с помощью  соответсвенно операций умножения и деления. И в  самом конце ее значениебудет  суммироваться со значением переменной summa.

ЗАДАНИЯ:

Что выведет alert (ИЛИ)?

Что будет в результате выполнения этого кода?

alert( null || 3 || undefined );

Что выведет alert (ИЛИ)?

Что будет в результате выполнения этого кода?

alert( alert(5) || 3 || alert(4) );

Что выведет alert (И)?

Что будет в результате выполнения этого кода?

alert( 4 && null && 5 );

Что выведет alert (И)?

Что будет в результате выполнения этого кода?

alert( alert(4) && alert(6) );

Что выведет этот код?

Что будет в результате выполнения этого кода?

alert( null || 5 && 7 || 8 );

В заключении смотрите видео о логических операторах в JavaScript.

Прочитано 198 раз Последнее изменение Суббота, 12 августа 2017 14:47
Другие материалы в этой категории:
Понравилась запись? Подпишитесь на обновления по почте:

Нетология

TemplateMonster

Поиск по сайту

Связной трэвел

Google+