JavaScript tömb létrehozása. 502

Tömb vagy kétdimenziós tömb létrehozása.

Tömb nevének, tetszőleges egyedi ékezet nélküli szöveges elnevezést kell meghatározni.
A tömbök elemeit egyedi azonosítóval kell ellátni, melyet a [ ] zárójelek közé kell beírnunk.
Azonosítók lehetnek egész számok, vagy egyedi ékezet nélküli szöveges elnevezések.

Tömb létrehozása úgy, hogy tartalommal később,
a program valamely területén töltjük fel.

Létrehozás	Leírás
var tomb = new Array();	Tömböt létrehozzuk, és nem határozzuk meg előre, elemeinek számát.
var tomb = new Array(3);	Tömböt létrehozzuk, és előre meghatározzuk elemeinek mínimális számát. Ez nem jelenti azt, hogy a későbbiekben nem tartalmazhat több elemet. Ekkor a program létrehoz a tömbhöz 3 elemet ( 0,1,2 ), melyek adatot nem tartalmaznak, azaz, üres elemeket. Ezeket az üres elemeket a program bármely részén, feltölthetjük tartalommal.

Tömb létrehozása úgy, hogy létrehozásakor legalább egy elemet elhelyezünk tartalommal vagy tartalom nélkül.

Létrehozás	Leírás
var tomb[0] =' ';	Tömböt létrehozzuk úgy, hogy sorszámozott azonosítóval rendelkező elemet tartalmaz, de annak tartalma nincs.
var tomb[0] = ' tartalom ' ;	Tömböt létrehozzuk úgy, hogy sorszámozott azonosítóval rendelkező elemet tartalmaz és tartalma is van.
var tomb['egy'] =' ';	Tömböt létrehozzuk úgy, hogy szöveges azonosítóval rendelkező elemet tartalmaz, de annak tartalma nincs.
var tomb['egy'] = ' tartalom ' ;	Tömböt létrehozzuk úgy, hogy szöveges azonosítóval rendelkező elemet tartalmaz és tartalma is van.

Ha a tömb elemeit számokkal azonosítjuk:
Kapcsos zárójelek közé, idézőjelek nélkül írjuk a számot, majd egyenlő ( = ) jel után, meghatározzuk tartalmát.
Példa: tomb[0]=5; --- tomb[1]=8; és így tovább.

Ha a tömb elemeit tetszőleges általunk választott szöveggel azonosítjuk:
Kapcsos zárójelek között, idézőjelek közé írjuk a szöveget, majd egyenlő ( = ) jel után, meghatározzuk tartalmát.
Példa: tomb['egy']=5; --- tomb['ketto']=8; és így tovább.

Tartalom meghatározásakor:
- Ha szöveg, az egyenlő ( = ) jel után, idézőjelek közé kell beírni. ( ='tartalom szövege'; vagy így ="tartalom szövege"; )
- Ha szám, akkor az egyenlő ( = ) jel után, nem kell idézőjelek közé írni. ( = 2; )
- Ha szám, és idézőjelek közé írjuk, akkor a program szövegként értelmezi. ( = '2'; vagy így = "2"; )

Tömböket
több féle formátumban is, létrehozhatunk.

1. Egyszerű tömb, megegyezik az egyszerű táblázattal.

Sorszámozott táblázat

Sorszámozott tömb

Nevek
0	Pista
1	Ferenc
2	Éva
3	Márta

Tömb adatainak lekérdezése: ( Meghatározásokat a záró </script> előtt kell ehelyezni. )

document.write('A Nevek nevű tömb hossza, azaz, elemeinek száma = '+Nevek.length);
document.write('<br>0. elem tartalma = '+Nevek[0]);
document.write('<br>1. elem tartalma = '+Nevek[1]);
document.write('<br>2. elem tartalma = '+Nevek[2]);
document.write('<br>3. elem tartalma = '+Nevek[3]);

Program eredménye:

2. Kétdimenziós tömb, megegyezik a táblázatban táblázattal.

Sorszámozott táblázatban, táblázat

Sorszámozott tömbben, tömb

Vállalkozók

Név	Nap Bt
Cég	Napenergia
Cím	Baja

Név	Szén Kft
Cég	Fűtéstechnika
Cím	Szeged

Név	Jég Bt
Cég	Hűtéstechnika
Cím	Budapest

Név	Vágó Bence
Cég	Favágó kisiparos
Cím	Pécs

Tömb adatainak lekérdezése: ( Meghatározásokat a fent látható záró </script> előtt kell ehelyezni. )

document.write('A Vallalkozok nevű tömb hossza, azaz, elemeinek száma = '+Vallalkozok.length);
document.write('<br>0.elem tartalma: Név='+Vallalkozok[0]['nev']+' -- Cég='+Vallalkozok[0]['ceg']+' -- Cím='+Vallalkozok[0]['cim']+'');
document.write('<br>1.elem tartalma: Név='+Vallalkozok[1]['nev']+' -- Cég='+Vallalkozok[1]['ceg']+' -- Cím='+Vallalkozok[1]['cim']+'');
document.write('<br>2.elem tartalma: Név='+Vallalkozok[2]['nev']+' -- Cég='+Vallalkozok[2]['ceg']+' -- Cím='+Vallalkozok[2]['cim']+'');
document.write('<br>3.elem tartalma: Név='+Vallalkozok[3]['nev']+' -- Cég='+Vallalkozok[3]['ceg']+' -- Cím='+Vallalkozok[3]['cim']+'');

Program eredménye:

Tömb hosszának, azaz, elemek számának lekérdezése
tömbnév.length meghatározással

Megjegyzés:
A length, csak sorszámozott elemeket értékel, és a legnagyobb elemszám + 1 értékkel tér vissza.

Létrehozást már láthattuk, Tomb = new Array(); vagy Tomb = new Array(3); Ekkor még egyik tömbben sem helyeztünk el, sajátkezüleg elemet, és tartalmat, de a tömbök hosszának lekérdezésekor, mely a tömbelemek számát jelenti, eltérést tapasztalunk.
1.Példa: Zárójelek között, érték = nincs <script language="JavaScript" type="text/javascript"> Tomb = new Array(); hossz=Tomb.length; document.write('Elemek száma = '+hossz); </script> Eredmény:	2.Példa: Zárójelek között, érték = 3 <script language="JavaScript" type="text/javascript"> Tomb = new Array(3); hossz=Tomb.length; document.write('Elemek száma = '+hossz); </script> Eredmény:
Elemszám itt is 3 legyen, be kell írnunk 3 elemet, tartalommal vagy tartalom nélkül. <script language="JavaScript" type="text/javascript"> Tomb = new Array(); Tomb[0]='egy'; Tomb[1]='kettő'; Tomb[2]='három'; hossz=Tomb.length; document.write('Elemek száma = '+hossz); </script> Eredmény:	Fenti programnál, nem kell beírnunk 3 elemet, mert ezeket a program hozta létre, tartalom nélkül. Kérdezzük le, a tömb elemeit. document.write('Tomb[0] elem = '+Tomb[0]+'<br>'); document.write('Tomb[1] elem = '+Tomb[1]+'<br>'); document.write('Tomb[2] elem = '+Tomb[2]+'<br>'); Programunk eredménye:
Írjunk be egy 4. elemet tartalommal. <script language="JavaScript" type="text/javascript"> Tomb = new Array(); Tomb[0]='egy'; Tomb[1]='kettő'; Tomb[2]='három'; Tomb[3]='négy'; hossz=Tomb.length; document.write('Elemek száma = '+hossz); </script> Eredmény:	Írjunk be egy 4. elemet tartalommal. <script language="JavaScript" type="text/javascript"> Tomb = new Array(3); Tomb[3]='négy'; hossz=Tomb.length; document.write('Elemek száma = '+hossz); </script> Eredmény:
Kérdezzük le, fenti tömbünk tartalmát. <script language="JavaScript" type="text/javascript"> Tomb = new Array(); Tomb[0]='egy'; Tomb[1]='kettő'; Tomb[2]='három'; Tomb[3]='négy'; document.write('0.Elem tartalma ='+Tomb[0]); document.write('1.Elem tartalma ='+Tomb[1]); document.write('2.Elem tartalma ='+Tomb[2]); document.write('3.Elem tartalma ='+Tomb[3]); </script> Eredmények:	Kérdezzük le, fenti tömbünk tartalmát. <script language="JavaScript" type="text/javascript"> Tomb = new Array(3); Tomb[3]='négy'; document.write('0.Elem tartalma ='+Tomb[0]); document.write('1.Elem tartalma ='+Tomb[1]); document.write('2.Elem tartalma ='+Tomb[2]); document.write('3.Elem tartalma ='+Tomb[3]); </script> Eredmények: undefined jelentése = Nincs meghatározható tartalom. A 0. 1. 2. elemeket, nekünk kell feltölteni, tetszőleges adattal, szöveggel vagy számokkal. Példa: Tomb[0]='egy'; vagy számmal Tomb[0]= 32; Tomb[1]='kettő'; vagy számmal Tomb[1]= 132; Tomb[2]='három'; vagy számmal Tomb[2]= 3;

Szöveggel azonosított, azaz, indexelt elemek.

<script language="JavaScript" type="text/javascript">

SzTomb = new Array();

SzTomb['egy']='egy';
SzTomb['ketto']='kettő';
SzTomb['harom']='három';
SzTomb['negy']='négy';

SzTombh=SzTomb.length;
document.write('<br>Tömb hossza, SzTomb.length; = '+SzTombh+'<br>');

document.write('<br>0.Elem tartalma = '+SzTomb['egy']);
document.write('<br>1.Elem tartalma = '+SzTomb['ketto']);
document.write('<br>2.Elem tartalma = '+SzTomb['harom']);
document.write('<br>3.Elem tartalma = '+SzTomb['negy']);

</script>

Fenti programunk eredménye:

Egyedi szöveges tömb, számozottal kombinálva.

Nem sorszámozott, hanem szöveges indexelésű elemeknél, nem meghatározható:
1. A length: Tömb hossza, elemek száma.
2. A sort(): Rendezés növekvő sorrendbe.
3. A reverse(): Rendezés csökkenő sorrendbe.
4. A toString(): Részek vesszővel elválasztva.
5. A for ciklus: Tömb tartalmának lekérdezésére.

Tömbünk elemei, csak szöveggel, vagy szöveggel és számokkal is indexelt.
Itt is úgy járhassunk el, mint csak sorszámozott elemeknél.
Kettő tömb kell:
- Egyik a valós tömbünk, mely tárolja az adatokat.
- Másik a valós tömbünk elemeinek, index értékét tárolja adatként.
Kettő változó kell:
- 1. Meghatározza tömbünk elemeinek indexét, és a második tömb elemeiben tárolandó index értékeket.
- 2. Meghatározza második tömbünk elemeinek index értékét, sorszámát.

Példa.
Elemek index értéke, nem csak szöveges,
hanem vegyes, azaz, szöveges és számozott is.

1. Tömb neve = Vegyes (Elemek indexe: Szöveges és számozott is.)
2. Tömb neve = Vegyesid (Elemek indexe: Számozott.)

<script language="JavaScript" type="text/javascript">

var Vegyes = new Array();           // Ez lesz a tömbünk, mely a szükséges adatokat tárolja.
var Vegyesid = new Array();        // Ez tárolja a "Vegyes" nevű tömb, elemeinek index értékét, azonosítóját.
  
var ix = 0;                                    //  "ix" változó, a "Vegyesid" nevű tömb elemeit, sorszámozza (indexeli).

// Az "eaz" nevű változó értéke lesz, Vegyes nevű tömbnél, az elemek azonosítója, index értéke.
// ----- Vegyesid nevű tömbnél, az elemekben tárolt érték.

var eaz="nulla";      Vegyes[eaz] = "Sárgarépa.";             Vegyesid[ix] = eaz;     ix++;
var eaz='egy';         Vegyes[eaz] = "Fehér retek.";            Vegyesid[ix] = eaz;     ix++;
var eaz=0;              Vegyes[eaz] = "Zöld dió.";                 Vegyesid[ix] = eaz;     ix++;
var eaz=11;             Vegyes[eaz] = 2022;                        Vegyesid[ix] = eaz;     ix++;


 // Megjegyzés: A length, csak sorszámozott elemeket értékel. Legnagyobb elemszám + 1 értékkel tér vissza.
var vth=Vegyes.length;        // Lekérdezzük elemek számát.
document.write('<br>Tömb hossza = '+vth+' -- Azért 12, mert kettő számozott elemet tartalmaz, a legnagyobb 11 és +1=12 <br>');

document.write('<hr>');
document.write('<br><strong>Elem indexe = nulla  -- Tartalma = '+Vegyes['nulla']+'</strong>');
document.write('<br><strong>Elem indexe = egy  -- Tartalma = '+Vegyes['egy']+'</strong>');
document.write('<br><strong>Elem indexe = 0 -- Tartalma = '+Vegyes[0]+'</strong>');
document.write('<br><strong>Elem indexe = 1. -- Tartalma = '+Vegyes[11]+'</strong><br>');
document.write('<hr>');

var Vegyesidh=Vegyesid.length;        // Lekérdezzük elemek pontos számát.
document.write('<br>Tömb hossza, Vegyesid.length = '+Vegyesidh+' ---- (Ez, pontos eredményt adott.) <br>');

document.write('<hr>A for ciklussal, lekérdezzük tömbünk adatait.<br>');

for(i=0; i<Vegyesidh; i++){
     var index = Vegyesid[i];
	 var adat=Vegyes[index];
	 document.write('<br>'+i+'. Tömbelem indexe = '+index+' ----- Tartalma = '+adat);
}




// ------------------------ Tömb rendezése. -----------------------------
// Vegyes nevű tömb tartalmát, sorszámozott tömbe helyezzük, majd ezt követően rendezzük.

var rendezes= new Array;
for(i=0; i<Vegyesidh; i++){  var index = Vegyesid[i];    var adat=Vegyes[index];
        rendezes[i]=adat;
}

document.write('<hr><br><strong>Rendezés, toString sorrendbe.</strong>');
var Tostringtomb = rendezes.toString();
document.write('<br>toString() -- Rendezés = '+Tostringtomb);

document.write('<hr><strong>ABC rendezés, növekvő sorrendbe.</strong>');
var Sorttomb = rendezes.sort();
document.write('<br>sort() ------ Rendezés = '+Sorttomb);

document.write('<hr><strong>ABC rendezés, csökkenő sorrendbe.</strong>');
var Reversetomb = rendezes.reverse();
document.write('<br>reverse() -- Rendezés = '+Reversetomb);

</script>

Vissza a lap elejére