Javascript | operacje na zmiennych · Technik informatyk egzamin zawodowy

Programowanie / JS

Javascript | operacje na zmiennych

Operacje na zmiennych stanowią fundament programowania w JavaScript. Poprawne operowanie zmiennymi umożliwia przetwarzanie danych, wykonywanie obliczeń oraz kontrolowanie logiki aplikacji. Przyjrzyjmy się kilku przykładom wykorzystania zmiennych w skrypcie JavaScript oraz podstawowym operacjom, które można na nich wykonywać.

Deklaracja i operacje podstawowe

document.write(10); // wypisanie liczby
document.write('<br>');

var a = 10;
document.write(a); // wypisanie zmiennej
document.write('<br>');

var b = '10'; // tekst
var c = a + b; // konkatenacja

document.write(c); // 1010

W powyższym przykładzie wartość liczbowa połączona z tekstową tworzy nowy ciąg znaków (konkatenacja).

 

Zamiana ciągu znaków na liczbę

Do konwersji używamy funkcji parseInt() i parseFloat():

 

var c = a + parseInt(b); // wynik: 20 (liczbowy)
document.write(c);

var b1 = "1";
var b2 = "1.5";
var b3 = "2";

b1 = parseInt(b1);
b2 = parseFloat(b2);
b3 = b3 * 1;

var suma = b1 + b2 + b3;
document.write(suma); // wynik: 4.5

 

Operacje arytmetyczne

Podstawowe działania matematyczne:

var a = 4;
var b = 3;

document.write(a + b); // suma: 7
document.write(a - b); // różnica: 1
document.write(a * b); // iloczyn: 12
document.write(a / b); // iloraz: 1.3333
document.write(a % b); // modulo (reszta z dzielenia): 1

 

Inkrementacja (++)

var a = 4;

document.write(a++); // wypisze 4, a zwiększy do 5
document.write(++a); // zwiększy do 6, wypisze 6

 

Zaokrąglanie liczb

var wynik = a / b; // 1.3333

document.write(Math.floor(wynik)); // zaokrągla w dół (1)
document.write(Math.round(wynik)); // standardowe zaokrąglenie (1)
document.write(Math.ceil(wynik)); // zaokrąglenie w górę (2)

 

Alternatywnie można użyć podwójnej tyldy (~~):

document.write(~~(a / b)); // zaokrągli do 1

 

Losowe liczby (random)

var a = Math.random(); // wartość losowa 0-1
a *= 100;
document.write(Math.round(a)); // liczba z przedziału 0-100

 

Sprawdzanie typu zmiennych (typeof)

var a = 1;
var b = "tekst";
var c = true;

console.log(typeof a); // number
console.log(typeof b); // string
console.log(typeof c); // boolean

 

Operacje logiczne

Operatory logiczne && (i), || (lub), ! (negacja):

var wynik = true && false; // false
var wynik2 = true || false; // true
var negacja = !true; // false

 

Operatory warunkowe (ternary operator)

var liczba = -3;
liczba = Math.abs(liczba);
document.write((liczba > 0) ? 2 : 7); // wynik: 2

 

Operacje na tekście

var tekst = prompt("Wpisz coś:");
document.write(tekst.length); // długość tekstu
document.write(tekst.charAt(0)); // pierwszy znak

Metody na ciągach znaków:

  • .toLowerCase() – małe litery

  • .toUpperCase() – duże litery

  • .substring(start, end) – wycinanie fragmentu tekstu

var tekst = "JavaScript";
console.log(tekst.toLowerCase()); // javascript
console.log(tekst.toUpperCase()); // JAVASCRIPT
console.log(tekst.substring(0,4)); // Java

 

 

Podobne wpisy