II. Változók

Változók deklarációja

Nincs igazi típus deklaráció, általános változó, var kulcsszóval

// ez egy komment
var i = 5; // integer letrehozasa
var st = "szoveg bevitele"; // string letrehozasa
var x = 3.1415; // double letrehozása
var tf = true // boolean letrehozasa
var j,k; // letrehozas ertek adas nelkul, ilyenkor az ertek: null

Teljes HTML példa

<html>
<head>
	<title>II.1. kód</title>
	<script>
	var x = 5+2;
	var y = 2.12;
	alert(x+" "+y);
	</script>
</head>
<body>
<div id="demo"></div>
<script>
var s = "Hello Vilag";
document.getElementById('demo').innerHTML = s;
</script>
</body>
</html>

Dinamikus típus deklaráció, bár müködik, de kerülendő

var a = 5.0;
var b = 2.0;
var c = a+b;
a ="hsdhklf";
alert(a);
a = 2.0;
alert(c+a);

Típuskonverzió

var szoveg = "23";
var szam = Number(szoveg);
var c = 3+szam;
alert(c); // eredmeny 26

Alaptípusok: Number, String, Boolean

Operátorok

var a = 4.0;
var b = 2.0;
var c = a+b;  //osszadas
var d = a-b;  //kivonas
var e = a*b;  //szorzas
var f = a/b;  //osztas
var g = a%b;  //maradék képzés; itt nulla, de ha 10%8 = 2
a++;  // eggyel növeli a erteket (a = a + 1)
b--;  // eggyel csökkenti b erteket (b = b - 1)

Összevont operátorok

var a = 4.0;
var b = 2.0;
a+= b;  // a = a+b, erteke 6
a-=b;  // a = a - b
a*=b;  // a = a*b
a/=b;  // a = a / b 

Összehasonlító operátorok

==egyenlőe-e8==5 eredménye false
===egyenlőe-e érték és típus szerint"5"==5 eredménye true, de "5"===5 eredménye false
!=nem egyenlő10!=2 értéke true
> (>=)nagyobb (nagyobb egyenlő)10 > 2 értéke true
< (<=)kisebb (kisebb egyenlő)10 < 2 értéke false

String műveletek

Két sting összeadása

var s1 = "Első rész";
var s2 = "Második rész";
var s3 = s1 +" "+s2; // s3 értéke: "Első rész Második rész"

DE:

var a = 5;
var b = "4";
var c = a+b; // eredmény: 54, string
var d = a - b; // eredmény: 1, mert ekkor mar szam (ki érti ezt?)

Fontosabb string műveletek (a teljesség igénye nélkül)

var str = "Hello Vilag";
var n = str.length; // a string hossza, eredmény 11
var res = str.split(" "); // feldarabolja a stringet a megadott valasztoval, eredmeny: Hello, Vilag
var str2 = "alma;korte;repa";
var res2 = str2.split(";"); // eredmeny: alma, korte, repa
var res3 = str.substring(1, 5); // eredmeny: ello
var res4 = str.replace("Hello", "Szia"); // eredmeny: Szia Vilag
var res5 = str[4]; // eredmeny: o
var res6 = str[4]+str[9];  // eredmeny: oa

Tömbök

var sttomb = ["Elso elem", "Masodik elem", "Harmadik Elem"];
var szamtomb = [1, 2, 3, 4, 5, 6];
var newtomb = new Array(); // kerulendo
var tomb = [];
tomb.push(2);
tomb.push(4);
tomb.push(6);  // tomb = [2,4,6];
var n = tomb.length; // eredmeny 3
var elem1 = tomb[1]; // 4
var elem0 = tomb[0]; // 2
sttomb[2] = "Uj elem"; //  sttomb = ["Elso elem", "Masodik elem", "Uj elem"];
sttomb.push("Meg egy elem"); // ekkor mar sttomb = ["Elso elem", "Masodik elem", "Uj elem", "Meg egy elem"];
sttomb.pop(); // az utolso elem torlese, sttomb = ["Elso elem", "Masodik elem", "Uj elem"];
sttomb.unshift("Nulladik elem");  // sttomb = ["Nulladik elem", "Elso elem", "Masodik elem", "Uj elem"];
sttomb.shift(); // sttomb = ["Elso elem", "Masodik elem", "Uj elem"];