KEMBAR78
Coding for Future in Lutsk. JavaScript. Part 3 | PDF
Основні оператори
• Унарні і бінарні оператори
• Унарні мають один аргумент (операнд),
бінарні – два.
• Той самий оператор може бути і
унарним і бінарним:
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.

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.
    Інкремент/декремент: ++, -- vari = 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 varyear = 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.