SlideShare a Scribd company logo
Основні оператори
• Унарні і бінарні оператори
• Унарні мають один аргумент (операнд),
бінарні – два.
• Той самий оператор може бути і
унарним і бінарним:
x = -x;
z = z - x;
Додавання чисел і рядків,
перетворення типів
var x = 1, y = 2;
alert( x + y); // 3
var a = "сірий" + "вовк";
alert( a ); // сірийвовк !Без пробіла!
alert( '1' + 2 ); // "12"
alert( 2 + '1' ); // "21"
+ може перетворювати число в рядок,
інші арифметичні оператори – тільки
рядки в числа
alert( 2 - '1' ); // 1
alert( 6 / '2' ); // 3
var one = "1";
var two = "2";
alert( one + two ); // "12", додаються рядки
alert( +one + +two ); // 3
Пріоритет операторів
16
Unary Plus + …
Unary Negation - …
Prefix Increment ++ …
Prefix Decrement -- …
typeof typeof …
15 Exponentiation … ** …
14
Multiplication … * …
Division … / …
Remainder … % …
13
Addition … + …
Subtraction … - …
3 Assignment
… = …
… += …
… -= …
… **= …
… *= …
… /= …
Інкремент/декремент: ++, --
var i = 1;
var a = ++i;
alert(a); // 2
var i = 1;
var a = i++;
alert(a); // 1
Скорочена арифметика
var n = 2;
n = n + 5; // n = 7
n = n * 2; // n = 14
var n = 2;
n += 5;
n *= 2;
alert( n ); // 14
Задача 6
Розберіть наступний код:
var a = b = 1, c, d;
c = ++a; alert(c);
d = b++; alert(d);
c = (2+ ++a); alert(c);
d = (2+ b++); alert(d);
Задача 7
Якого значення набудуть a і x?
var a = 2;
var x = 1 + (a *= 2);
Оператори порівняння
>, <
>=, <=
==
!=
Логічні значення
true
false
Приклад
var a = true;
var b = 3 > 4; // b = false
alert( b ); // false
alert( a != b ); // (true !=
false) правильно, виведе true
Порівняння рядків
Порівнюються посимвольно. При цьому:
'A' < 'B'<...<'a'<...<'а'<'б'
Приклади:
alert( 'кілограм' > 'грам' ); // true
alert( 'метр' > 'сантиметр' ); // false
alert( 'кілометр' > 'кілограм' ); // true
alert( 'граматика' > 'грам' );
// true, бо 'а' > ніж «нічого»
Задача 8
Яким буде результат?
alert( "2" > "14" );
alert( +"2" > +"14" );
Взаємодія з
користувачем: alert,
prompt, confirmalert(повідомлення);
alert( "Привіт" + User );
result = prompt(title, default);
var years = prompt('Ваш вік?', 20);
alert('Вам ' + years + ' років');
При натисканні “Esc” повертає null.
result = confirm(question);
var isHungry = confirm("Хочете їсти?");
alert( isHungry );
Задача 9
Своріть сторінку, яка запитує у
користувача його ім’я і вітається з ним.
Умовні оператори: if,
'?'
if (умова) команда
або
if (умова) {
команди
}
Умова – логічне значення або приводиться
до логічного значення.
0, "", null, undefined, NaN – false
Все інше - true
if - else
var year = prompt('Який зараз рік?', '');
if (year == 2017) {
alert( 'Правильно!' );
} else {
alert( 'Неправильно!' );
}
else if
var userMass = prompt('Ваша маса?',
'');
if (userMass < 50) {
alert( 'Сходіть-но поїсти' );
} else if (userMass > 120) {
alert( 'Сідайте на дієту' );
} else {
alert( 'Ну й нормально' );
}
Тернарний оператор ? :
умова ? значення1 : значення2
access = (age > 14) ? true : false;
те саме, що
if (age > 14) {
access = true;
} else {
access = false;
}
Задача 10
Чи виведеться alert?
if ("0") {
alert( 'Привіт' );
}
Задача 11
За допомогою конструкції if..else
напишіть код, який отримує значення
prompt, а потім виводить alert:
•1, якщо значення >0,
•-1, якщо <0,
•0, якщо значення =0.

More Related Content

What's hot

Phpunit модульне тестування
Phpunit модульне тестуванняPhpunit модульне тестування
Phpunit модульне тестування
Vladimir Maslechkin
 
05 Operations And Utilities
05 Operations And Utilities05 Operations And Utilities
05 Operations And Utilitiesolegapster
 
Вказівники в мові C++
Вказівники в мові C++Вказівники в мові C++
Вказівники в мові C++
Alexander Kuzmenko
 
Функції в C++
Функції в C++Функції в C++
Функції в C++
Alexander Kuzmenko
 
Coding for Future in Lutsk. JavaScript. Part 8
Coding for Future in Lutsk. JavaScript. Part 8Coding for Future in Lutsk. JavaScript. Part 8
Coding for Future in Lutsk. JavaScript. Part 8
Олег Вілігурський
 
03 Constants And Variables
03 Constants And Variables03 Constants And Variables
03 Constants And Variablesolegapster
 
Coding for Future in Lutsk. JavaScript. Part 9
Coding for Future in Lutsk. JavaScript. Part 9Coding for Future in Lutsk. JavaScript. Part 9
Coding for Future in Lutsk. JavaScript. Part 9
Олег Вілігурський
 
Funkciji1
Funkciji1Funkciji1
+6 for
+6 for+6 for
Lecture 13 Local Optimization on Mobile Devices
Lecture 13 Local Optimization on Mobile DevicesLecture 13 Local Optimization on Mobile Devices
Lecture 13 Local Optimization on Mobile Devices
Maksym Davydov
 
Lecture 07 swift
Lecture 07 swiftLecture 07 swift
Lecture 07 swift
Maksym Davydov
 
01 Incapsulation
01 Incapsulation01 Incapsulation
01 Incapsulationolegapster
 
передача параметрів в функції
передача параметрів в функціїпередача параметрів в функції
передача параметрів в функції
Людмила Булыгина
 

What's hot (14)

Phpunit модульне тестування
Phpunit модульне тестуванняPhpunit модульне тестування
Phpunit модульне тестування
 
05 Operations And Utilities
05 Operations And Utilities05 Operations And Utilities
05 Operations And Utilities
 
Вказівники в мові C++
Вказівники в мові C++Вказівники в мові C++
Вказівники в мові C++
 
Функції в C++
Функції в C++Функції в C++
Функції в C++
 
Coding for Future in Lutsk. JavaScript. Part 8
Coding for Future in Lutsk. JavaScript. Part 8Coding for Future in Lutsk. JavaScript. Part 8
Coding for Future in Lutsk. JavaScript. Part 8
 
03 Constants And Variables
03 Constants And Variables03 Constants And Variables
03 Constants And Variables
 
08 Templates
08 Templates08 Templates
08 Templates
 
Coding for Future in Lutsk. JavaScript. Part 9
Coding for Future in Lutsk. JavaScript. Part 9Coding for Future in Lutsk. JavaScript. Part 9
Coding for Future in Lutsk. JavaScript. Part 9
 
Funkciji1
Funkciji1Funkciji1
Funkciji1
 
+6 for
+6 for+6 for
+6 for
 
Lecture 13 Local Optimization on Mobile Devices
Lecture 13 Local Optimization on Mobile DevicesLecture 13 Local Optimization on Mobile Devices
Lecture 13 Local Optimization on Mobile Devices
 
Lecture 07 swift
Lecture 07 swiftLecture 07 swift
Lecture 07 swift
 
01 Incapsulation
01 Incapsulation01 Incapsulation
01 Incapsulation
 
передача параметрів в функції
передача параметрів в функціїпередача параметрів в функції
передача параметрів в функції
 

More from Олег Вілігурський

Python для фізиків. Вступ. Лабораторні роботи
Python для фізиків. Вступ. Лабораторні роботиPython для фізиків. Вступ. Лабораторні роботи
Python для фізиків. Вступ. Лабораторні роботи
Олег Вілігурський
 
Python для фізиків. Вступ. Лабораторні роботи.
Python для фізиків. Вступ. Лабораторні роботи.Python для фізиків. Вступ. Лабораторні роботи.
Python для фізиків. Вступ. Лабораторні роботи.
Олег Вілігурський
 
Python for physicists. introduction
Python for physicists. introductionPython for physicists. introduction
Python for physicists. introduction
Олег Вілігурський
 
Theme23-oop2(end)
Theme23-oop2(end)Theme23-oop2(end)
Theme23-oop2
Theme23-oop2Theme23-oop2
Theme22-OOP
Theme22-OOPTheme22-OOP
Theme20_ajax
Theme20_ajaxTheme20_ajax
Theme19_css
Theme19_cssTheme19_css
Theme18_css
Theme18_cssTheme18_css
Theme17a css
Theme17a cssTheme17a css
Theme17
Theme17Theme17
Theme16
Theme16Theme16
Coding for Future in Lutsk. JavaScript. Part 15
Coding for Future in Lutsk. JavaScript. Part 15Coding for Future in Lutsk. JavaScript. Part 15
Coding for Future in Lutsk. JavaScript. Part 15
Олег Вілігурський
 
Coding for Future in Lutsk. JavaScript. Part 14
Coding for Future in Lutsk. JavaScript. Part 14Coding for Future in Lutsk. JavaScript. Part 14
Coding for Future in Lutsk. JavaScript. Part 14
Олег Вілігурський
 
Coding for Future in Lutsk. JavaScript. Part 13
 Coding for Future in Lutsk. JavaScript. Part 13 Coding for Future in Lutsk. JavaScript. Part 13
Coding for Future in Lutsk. JavaScript. Part 13
Олег Вілігурський
 
Coding for Future in Lutsk. JavaScript. Part 12
Coding for Future in Lutsk. JavaScript. Part 12Coding for Future in Lutsk. JavaScript. Part 12
Coding for Future in Lutsk. JavaScript. Part 12
Олег Вілігурський
 
Coding for Future in Lutsk. JavaScript. Part 11
Coding for Future in Lutsk. JavaScript. Part 11Coding for Future in Lutsk. JavaScript. Part 11
Coding for Future in Lutsk. JavaScript. Part 11
Олег Вілігурський
 

More from Олег Вілігурський (20)

Python для фізиків. Вступ. Лабораторні роботи
Python для фізиків. Вступ. Лабораторні роботиPython для фізиків. Вступ. Лабораторні роботи
Python для фізиків. Вступ. Лабораторні роботи
 
Python для фізиків. Вступ. Лабораторні роботи.
Python для фізиків. Вступ. Лабораторні роботи.Python для фізиків. Вступ. Лабораторні роботи.
Python для фізиків. Вступ. Лабораторні роботи.
 
Python for physicists. introduction
Python for physicists. introductionPython for physicists. introduction
Python for physicists. introduction
 
Theme25-jQuery2
Theme25-jQuery2Theme25-jQuery2
Theme25-jQuery2
 
Theme24-jQuery
Theme24-jQueryTheme24-jQuery
Theme24-jQuery
 
Theme23-oop2(end)
Theme23-oop2(end)Theme23-oop2(end)
Theme23-oop2(end)
 
Theme23-oop2
Theme23-oop2Theme23-oop2
Theme23-oop2
 
Theme22-OOP
Theme22-OOPTheme22-OOP
Theme22-OOP
 
Theme21_json
Theme21_jsonTheme21_json
Theme21_json
 
Theme20_ajax
Theme20_ajaxTheme20_ajax
Theme20_ajax
 
Theme19_css
Theme19_cssTheme19_css
Theme19_css
 
Theme18_css
Theme18_cssTheme18_css
Theme18_css
 
Theme17a css
Theme17a cssTheme17a css
Theme17a css
 
Theme17
Theme17Theme17
Theme17
 
Theme16
Theme16Theme16
Theme16
 
Coding for Future in Lutsk. JavaScript. Part 15
Coding for Future in Lutsk. JavaScript. Part 15Coding for Future in Lutsk. JavaScript. Part 15
Coding for Future in Lutsk. JavaScript. Part 15
 
Coding for Future in Lutsk. JavaScript. Part 14
Coding for Future in Lutsk. JavaScript. Part 14Coding for Future in Lutsk. JavaScript. Part 14
Coding for Future in Lutsk. JavaScript. Part 14
 
Coding for Future in Lutsk. JavaScript. Part 13
 Coding for Future in Lutsk. JavaScript. Part 13 Coding for Future in Lutsk. JavaScript. Part 13
Coding for Future in Lutsk. JavaScript. Part 13
 
Coding for Future in Lutsk. JavaScript. Part 12
Coding for Future in Lutsk. JavaScript. Part 12Coding for Future in Lutsk. JavaScript. Part 12
Coding for Future in Lutsk. JavaScript. Part 12
 
Coding for Future in Lutsk. JavaScript. Part 11
Coding for Future in Lutsk. JavaScript. Part 11Coding for Future in Lutsk. JavaScript. Part 11
Coding for Future in Lutsk. JavaScript. Part 11
 

Recently uploaded

Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
tetiana1958
 
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdfПідсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
ssuser7541ef1
 
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdfPOPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
Olga Kudriavtseva
 
Основи_історичної_просвіти_—_для_перекладу.pdf
Основи_історичної_просвіти_—_для_перекладу.pdfОснови_історичної_просвіти_—_для_перекладу.pdf
Основи_історичної_просвіти_—_для_перекладу.pdf
olaola5673
 
Віртуальна виставка «Допомога НАТО Україні»
Віртуальна виставка «Допомога НАТО Україні»Віртуальна виставка «Допомога НАТО Україні»
Віртуальна виставка «Допомога НАТО Україні»
Vinnytsia Regional Universal Scientific Library named after Valentin Otamanovsky
 
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
estet13
 
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdfKUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
Olga Kudriavtseva
 
Главлит_2_0_Книжкова_цензура_в_Росії.pdf
Главлит_2_0_Книжкова_цензура_в_Росії.pdfГлавлит_2_0_Книжкова_цензура_в_Росії.pdf
Главлит_2_0_Книжкова_цензура_в_Росії.pdf
olaola5673
 
29.05.2024.docx29.05.2024.docx29.05.2024.docx
29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx
29.05.2024.docx29.05.2024.docx29.05.2024.docx
Репетитор Історія України
 
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdfLOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
Olga Kudriavtseva
 

Recently uploaded (10)

Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
Важливість впровадження стандарту ISO/IEC 17025:2019 у процес державних випро...
 
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdfПідсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
Підсумки, перспективи роботи профспільнот педагогів ЗДО (2).pdf
 
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdfPOPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
POPOVICH_Nina_PORTFOLIO_librarianCRE.pdf
 
Основи_історичної_просвіти_—_для_перекладу.pdf
Основи_історичної_просвіти_—_для_перекладу.pdfОснови_історичної_просвіти_—_для_перекладу.pdf
Основи_історичної_просвіти_—_для_перекладу.pdf
 
Віртуальна виставка «Допомога НАТО Україні»
Віртуальна виставка «Допомога НАТО Україні»Віртуальна виставка «Допомога НАТО Україні»
Віртуальна виставка «Допомога НАТО Україні»
 
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
«Слова і кулі». Письменники, що захищають Україну. Єлизавета Жарікова
 
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdfKUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
KUDRIAVTSEVA_Olha_PORTFOLIO_librarian.pdf
 
Главлит_2_0_Книжкова_цензура_в_Росії.pdf
Главлит_2_0_Книжкова_цензура_в_Росії.pdfГлавлит_2_0_Книжкова_цензура_в_Росії.pdf
Главлит_2_0_Книжкова_цензура_в_Росії.pdf
 
29.05.2024.docx29.05.2024.docx29.05.2024.docx
29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx29.05.2024.docx
29.05.2024.docx29.05.2024.docx29.05.2024.docx
 
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdfLOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
LOBANOVA_Tetiana_PORTFOLIO_Librarian.pdf
 

Coding for Future in Lutsk. JavaScript. Part 3

  • 1. Основні оператори • Унарні і бінарні оператори • Унарні мають один аргумент (операнд), бінарні – два. • Той самий оператор може бути і унарним і бінарним: x = -x; z = z - x;
  • 2. Додавання чисел і рядків, перетворення типів var x = 1, y = 2; alert( x + y); // 3 var a = "сірий" + "вовк"; alert( a ); // сірийвовк !Без пробіла! alert( '1' + 2 ); // "12" alert( 2 + '1' ); // "21"
  • 3. + може перетворювати число в рядок, інші арифметичні оператори – тільки рядки в числа alert( 2 - '1' ); // 1 alert( 6 / '2' ); // 3 var one = "1"; var two = "2"; alert( one + two ); // "12", додаються рядки alert( +one + +two ); // 3
  • 4. Пріоритет операторів 16 Unary Plus + … Unary Negation - … Prefix Increment ++ … Prefix Decrement -- … typeof typeof … 15 Exponentiation … ** … 14 Multiplication … * … Division … / … Remainder … % … 13 Addition … + … Subtraction … - … 3 Assignment … = … … += … … -= … … **= … … *= … … /= …
  • 5. Інкремент/декремент: ++, -- var i = 1; var a = ++i; alert(a); // 2 var i = 1; var a = i++; alert(a); // 1
  • 6. Скорочена арифметика var n = 2; n = n + 5; // n = 7 n = n * 2; // n = 14 var n = 2; n += 5; n *= 2; alert( n ); // 14
  • 7. Задача 6 Розберіть наступний код: var a = b = 1, c, d; c = ++a; alert(c); d = b++; alert(d); c = (2+ ++a); alert(c); d = (2+ b++); alert(d);
  • 8. Задача 7 Якого значення набудуть a і x? var a = 2; var x = 1 + (a *= 2);
  • 9. Оператори порівняння >, < >=, <= == != Логічні значення true false
  • 10. Приклад var a = true; var b = 3 > 4; // b = false alert( b ); // false alert( a != b ); // (true != false) правильно, виведе true
  • 11. Порівняння рядків Порівнюються посимвольно. При цьому: 'A' < 'B'<...<'a'<...<'а'<'б' Приклади: alert( 'кілограм' > 'грам' ); // true alert( 'метр' > 'сантиметр' ); // false alert( 'кілометр' > 'кілограм' ); // true alert( 'граматика' > 'грам' ); // true, бо 'а' > ніж «нічого»
  • 12. Задача 8 Яким буде результат? alert( "2" > "14" ); alert( +"2" > +"14" );
  • 13. Взаємодія з користувачем: alert, prompt, confirmalert(повідомлення); alert( "Привіт" + User ); result = prompt(title, default); var years = prompt('Ваш вік?', 20); alert('Вам ' + years + ' років'); При натисканні “Esc” повертає null. result = confirm(question); var isHungry = confirm("Хочете їсти?"); alert( isHungry );
  • 14. Задача 9 Своріть сторінку, яка запитує у користувача його ім’я і вітається з ним.
  • 15. Умовні оператори: if, '?' if (умова) команда або if (умова) { команди } Умова – логічне значення або приводиться до логічного значення. 0, "", null, undefined, NaN – false Все інше - true
  • 16. if - else var year = prompt('Який зараз рік?', ''); if (year == 2017) { alert( 'Правильно!' ); } else { alert( 'Неправильно!' ); }
  • 17. else if var userMass = prompt('Ваша маса?', ''); if (userMass < 50) { alert( 'Сходіть-но поїсти' ); } else if (userMass > 120) { alert( 'Сідайте на дієту' ); } else { alert( 'Ну й нормально' ); }
  • 18. Тернарний оператор ? : умова ? значення1 : значення2 access = (age > 14) ? true : false; те саме, що if (age > 14) { access = true; } else { access = false; }
  • 19. Задача 10 Чи виведеться alert? if ("0") { alert( 'Привіт' ); }
  • 20. Задача 11 За допомогою конструкції if..else напишіть код, який отримує значення prompt, а потім виводить alert: •1, якщо значення >0, •-1, якщо <0, •0, якщо значення =0.