ikona-kursu-2
1 gwiazdka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek (głosów: 1, średnia ocena: 5,00)
Loading...Loading...

Operatory

Podstawowe operatory

Używając podstawowych operatorów możemy manipulować wartościami.

Przykład 2.5. Łączenie (konkatenacja)

var foo = 'witaj,';
var bar = 'świecie';
console.log(foo + ' ' + bar); // witaj, świecie

Przykład 2.6. Mnożenie i dzielenie

2 * 3;
2 / 3;

Przykład 2.7. Inkrementacja i dekrementacja

var i = 1;
var j = ++i;  // preinkrementacja:  j równa się 2; i równa się 2
var k = i++;  // postinkrementacja: k równa się 2; i równa się 3

Operacje na liczbach i ciągach znaków

Czasem liczby i ciągi w języku JavaScript mogą zachowywać się nie do końca zgodnie z naszymi przewidywaniami.

Przykład 2.8. Dodawanie vs. łączenie

var foo = 1;
var bar = '2';
console.log(foo + bar);  // 12, ups

Przykład 2.9. Jak sprawić, by ciąg stał się liczbą

var foo = 1;
var bar = '2';
 // wymuszamy, aby ciąg stał się liczbą
console.log(foo + Number(bar));

Wywołanie konstruktora Number jako funkcji (tak jak w przykładzie powyżej) sprawi, że jego argument będzie traktowany jako liczba. Ten sam rezultat osiągniemy używając jednoargumentowego operatora plus:

Przykład 2.10. Jak sprawić, by ciąg stał się liczbą (przy użyciu jednoargumentowego operatora plus)

console.log(foo + +bar);

Operatory logiczne

Operatory logiczne umożliwiają oszacowanie argumentów poprzez operacje I oraz LUB.

Przykład 2.11. Operatory logiczne I oraz LUB

var foo = 1;
var bar = 0;
var baz = 2;
foo || bar;   // zwraca 1, czyli prawdę
bar || foo;   // zwraca 1, czyli prawdę
foo && bar;   // zwraca 0, czyli fałsz
foo && baz;   // zwraca 2, czyli prawdę
baz && foo;   // zwraca 1, czyli prawdę

Być może przykład nie ilustruje działania operatorów zbyt jasno, zatem krótkie wyjaśnienie: operator || zwraca wartość pierwszego argumentu, który jest prawdziwy, zaś w przypadku, gdy obydwa argumenty są fałszywe, zwracany jest ostatni argument. Operator && zwraca wartość pierwszego fałszywego argumentu, lub wartość ostatniego, jeśli obydwa argumenty są prawdziwe.

Nie zapomnij zajrzeć do sekcji „Rzeczy prawdziwe, rzeczy fałszywe”, aby dowiedzieć się więcej na temat tego, które wartości są prawdziwe (true), a które fałszywe (false).

Operatory porównywania

Dzięki operatorom porównywania możemy sprawdzić, czy dane wartości są sobie równe bądź ze sobą identyczne.

Przykład 2.12. Operatory porównywania

var foo = 1;
var bar = 0;
var baz = '1';
var bim = 2;
foo == bar;   // zwraca fałsz
foo != bar;   // zwraca prawdę
foo == baz;   // zwraca prawdę; uwaga!
foo === baz;             // zwraca fałsz
foo !== baz;             // zwraca prawdę
foo === parseInt(baz);   // zwraca prawdę
foo > bim;    // zwraca fałsz
bim > baz;    // zwraca prawdę
foo <= baz;   // zwraca prawdę

Inne artykuły poruszające podobny temat

CSSRegions.js ikona

CSSRegions.js

Dodaj komentarz









Newsletter

Subskrybując nasz newsletter masz pewność, że nie ominie Cię żadna nowość w serwisie!