Sterowanie działaniem programu

workshop: #js3-ws1-if-state-switch.html

Warsztat #3: Instrukcja warunkowa oraz Switch

Przygotowanie

Otwórz narzędzia deweloperskie przeglądarki
Przejdź na zakładkę Konsola (console)
Wykonuj tam polecenia / instrukcje z poniższych przykładów

1. Instrukcje warunkowe (if statements)

let x = 1;
let y = 2;
if( x==1){
	console.log('x='+x+' '+typeof x);
	console.log('sprawdź wartość');
}
if( y==='2'){
	console.log('y='+y+' '+typeof x);
	console.log('sprawdź TYP i wartość');
}
console.log(y+x);			// dodawanie
console.log("wynik="+y+x);	// konkatenacja
console.log("wynik="+(y+x));	// poprawka #1
console.log("wynik="+(parseInt(y)+parseInt(x)));	// poprawka #2
let a = 1.5;
let z = 2.5;
console.log(a+z);
console.log(parseInt(a)+parseInt(z));
let b = 0;
let c = 0;
let w = null;
if(b+c > 0){
	w = 'dodatni..';
} else if(b+c) {
	w = 'zero..';
} else {
	w = 'ujemny..';
}
console.log(w);
// SHORT IF lub IF 3-argumentowy
let wyn = b+c>0?'dodatni':(b+c==0?'zero':'ujemny');
console.log(wyn);
let wyn2 = b+c>=0?'dodatni':'ujemny';
console.log(wyn2);

2. Instrukcja Switch (switch)

let sw = 2;

switch(sw){
   case 1:
	console.log('Wybrano 1');
   break;
   case 2:
	console.log('Wybrano 2');
   break;	// gdyby pominąć tutaj instrukcję BREAK
   case 3:
	console.log('Wybrano 3');
   break;
   default:	// instrukcja DEFAULT nie jest konieczna - można (a czasem trzeba) ją pominąć
	console.log('Nie Wybrano nic');
}

Wynikiem będzie tekst Wybrano 2

gdyby pominąć tutaj instrukcję BREAK

Wynikiem będzie tekst Wybrano 2 oraz Wybrano 3

Zasoby lekcji

Przygotowanie