Bevezetés a tömbökbe a JavaScript-ben

Mint tudjuk, az objektumok lehetővé teszik, hogy tárolt értékek gyűjteménye tárolódjon. De néha szükségünk van egy megrendelt gyűjteményre, ahol az 1., 2., 3. elemet és még sok másat kell tárolni. Például fontolja meg, hogy tárolnunk kell valami listát: a felhasználói adatok, az áruk és még sok más adatok. Nem célszerű itt egy objektumot használni, mert nem nyújt módszert az elemek sorrendjének kezelésére. Objektumokat nem hoztak létre ilyen felhasználásra. Létezik egy speciális adatstruktúra, Array néven, a megrendelt gyűjtemények tárolására. A JavaScript tömbjei lehetővé teszik, hogy több érték tárolódjon egyetlen változóban. Ugyanazt az elemgyűjteményt sorrendben rögzített méretben tárolja.

A JavaScript tömbjei az információkészlet tárolására szolgálnak, de gyakran hasznosabb az azonos típusú változók halmazának tárolása. A tömb a JavaScript egyetlen változója, amelyet különféle elemek tárolására használnak. Amikor elemeket akarunk tárolni, és egyetlen változón keresztül kell hozzájuk férni, gyakran használjuk. Sok más nyelvtől eltérően, ahol a tömb különféle változó-referenciákkal rendelkezik, a JavaScript tömbben egyetlen változó található, amely különféle elemeket tárol. A JavaScript tömbök objektum egy tömbépítésben használt globális objektum; amely magas szintű, listás objektumok.

Hogyan működik a tömb JavaScript-ben?

A JavaScript tömbjei lehetővé teszik az elemek egyetlen változóban történő tárolását a memóriában. Az indexe alapján az elemek hozzáférhetők a tömbben. A tömbindex nullával kezdődik. A Javascript tömbök nulla alapúak, azaz az első elemindex 0. Ez nagyon fontos, mert azt jelenti, hogy mindig létezik egy egység eltolása: az első elem indexe 0, és a második elem indexe 1 lesz, és így tovább.

Hogyan hozzunk létre tömböket JavaScript-ben (példa)?

Az Array objektum lehetővé teszi különböző értékek tárolását egy változóban. Az azonos típusú elemek egymást követő rögzített méretű gyűjteményét tárolja. Egy tömböt használunk a gyűjteménykészlet tárolására, de gyakran hasznosabb, ha a tömböt ugyanolyan típusú változók halmazaként tekintjük. A szó szerinti jelölési tömb megkönnyíti a tömbök létrehozását JavaScript-ben. Két szögletes zárójelből áll, amelyek bevonják az opcionális, vesszővel elválasztott tömb elemeket. A szám, karakterlánc, logikai érték, null, meghatározatlan, objektum, függvény, reguláris kifejezés és egyéb struktúrák bármilyen típusú tömb elem lehet.

A tömb létrehozható JavaScript-ben az alábbiak szerint

var country = ("India", "England", "Srilanka");

A fenti létrehozásban elindít egy tömböt, és az „India”, „Anglia” és „Srilanka” értékekkel készült. Az „India”, „Anglia” és „Srilanka” indexe 0, 1 és 2. Felvehet további elemeket az országos tömbbe, majd megteheti az alább látható módon

country(3) = "New Zealand";
country(4) = "Australia"
var country = new Array("India", "England", "Srilanka");
OR
var country = new Array();
country(0) = "India";
country(1) = "England";
country(2) = "Srilanka";

Példa


JavaScript Creating Array


var my_array=("England", "Australia", "India");
document.getElementById("myarray").innerHTML = my_array;

Kimenet

A tömbök típusai a JavaScript-ben (Magyarázza meg az egyes típusokat példával)

Az alábbiakban bemutatjuk a javascript tömbök különféle típusait, az alábbiak szerint:

  • Array Literal

A tömb egy tömb literállal hozható létre az alábbiakban szereplő szintaxis használatával

var arrayname=(value1, value2…..valuen);

Fontolja meg az egyszerű példát egy tömb létrehozására JavaScript-ben az Array Literal segítségével


Array Literal

var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)
Array Literal

var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)

Teljesítmény :

  • Közvetlenül tömb

A tömb közvetlenül a tömb segítségével hozható létre az új kulcsszó használatával, ahogyan azt az alábbiakban bemutatjuk a szintaxisban

var arrayname=new Array();

Az alábbiakban látható egy példa egy tömb létrehozására JavaScript-ben az Array Direct használatával az új kulcsszó segítségével


Array Directly

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)
Array Directly

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)

Teljesítmény :

  • Array kivitelező

A tömbpéldány létrehozható argumentumok átadásával a konstruktorban. A következő példa létrehoz egy tömböt JavaScript-ben az Array Constructor segítségével az új kulcsszó segítségével


Array Constructor

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)
Array Constructor

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)

Kimenet

Magyarázza el a tömb módszereit a JavaScript-ben

Az alábbiakban bemutatjuk a JavaScript tömbmódszereit, az alábbiak szerint

1. concat () módszer

Készíthet új tömböt két vagy több tömb kombinációjával a concat () módszer segítségével.

Szintaxis

array.concat(val1, val2, …, valN);

Példa


JavaScript Array Method

var chars = ("A", "B", "C");
var num = (10, 20, 30);
var concat_res = chars.concat(num);
document.write("Concatenated Result : " + concat_res );

Kimenet

2. minden ()

minden () módszer ellenőrzi, hogy az adott elemek valóban vagy hamisak-e egy tömbben, a feltételnek megfelelően. Igazként tér vissza, ha egy feltétel megegyezik egy adott feltétellel, hamis értéket ad vissza.

Szintaxis

Array.every(callback, thisArg)

Ahol a visszahívás a funkció tesztelésének feltétele, és ez az Arg opcionális paraméter, amelyet a visszahívás végrehajtásakor használnak.

Példa


JavaScript Array Method

var vals=(150, 400, 450, 375, 200);
function check_num(value)
(
return value>100;
)
document.writeln(vals.every(check_num));

Kimenet

3. kitölteni ()

A fill () metódust használják a megadott statikus értékek kitöltésére az adott tömb eredeti értékeinek módosításával.

Szintaxis

array.fill(value)

Példa


JavaScript Array Method

var my_array=("England", "Australia", "India");
var array_result=my_array.fill("EDUCBA");
document.writeln(my_array);

Kimenet

4. szűrő ()

A filter () metódust használják a tömb elemek szűrésére az adott feltétel alapján.

Szintaxis

array.filter(callback, thisArg)

Példa


JavaScript Array Method

var vals=(150, 200, 345, 375, 125);
function check_num(value)
(
return value>150;
)document.writeln(vals.filter(check_num));

Kimenet

5. forEach ()

A forEach () metódus az egyes tömb elemek függvényének meghívására szolgál.

Szintaxis

array.forEach(callback, thisArg)

Példa


JavaScript Array Method

var my_array = ('India', 'Srilanka', 'England');
my_array.forEach(function(fetch) (
document.writeln(fetch);
));

Kimenet

6. tartalmazza ()

Az incl. () Metódus segítségével ellenőrizhető, hogy az adott elem szerepel-e a tömbben. Ha az elem egy tömbben van, akkor az true értékkel tér vissza, különben a false értékkel tér vissza.

Szintaxis

array.includes(element) //where “element” is a value which is to be searched in the array

Példa


JavaScript Array Method

var my_array=("Sachin", "Dhoni", "Kohli", "Rohit", "Dhawan") var array_result=my_array.includes("Sachin");
document.writeln(array_result);

Kimenet

7. csatlakozz ()

Az join () metódus a tömb elemeinek a karakterláncba történő kombinálására szolgál, és új karakterláncot biztosít.

Szintaxis

array.join(separator)

Példa


JavaScript Array Method

var my_array=('India', 'Srilanka', 'England') var array_result=my_array.join('-')
document.write(array_result);

Kimenet

8. pop ()

A pop () metódust használják az adott tömb utolsó elemének kivonására.

Szintaxis

array.pop(operator)

Példa


JavaScript Array Method

var my_array=("England", "Australia", "India");
document.writeln("Real array elements: "+my_array+"
");
document.writeln("Extracted element of array: "+my_array.pop()+"
");
document.writeln("Remaining elements of array: "+ my_array);

Kimenet

9. push ()

A push () metódust használják az elem hozzáadásához a tömb végéhez.

Szintaxis

array.push()

Példa


JavaScript Array Method

var my_array=("England", "Australia", "India");
my_array.push("Srilanka");
document.writeln(my_array);

Kimenet

10. fordított ()

A fordított () metódust használjuk az adott elemek tömbjének sorrendjének megfordítására. Az utolsó elem lesz az első, és az első elem lesz az utolsó.

Szintaxis

array.reverse()

Példa


JavaScript Array Method

var my_array=("England", "Australia", "India");
var reverse_val=arr.reverse();
document.writeln(reverse_val);

Kimenet

11. műszak ()

A shift () metódust egy tömb első elemének visszatérésére használják.

Szintaxis

array.shift()

Példa


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.shift();
document.writeln(array_result);

Kimenet

12. szelet ()

A slice () metódust arra használják, hogy az adott tömb elemek egy részét az eredeti tömb megváltoztatása nélkül megjelenítsék.

Szintaxis

array.slice(start, end)

Példa


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.slice(2, 3);
document.writeln(array_result);

Kimenet

13. rendezés ()

A sort () metódus a tömb elemek növekvő sorrendben történő megjelenítésére szolgál.

Szintaxis

array.sort()

Példa


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.sort();
document.writeln(array_result);

Kimenet

14. váltás ()

Az unshift () metódus az elemek hozzáadásához használható a tömb elejére.

Szintaxis

array.unshift(“element”)

Példa


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.unshift("Kohli");
document.writeln(my_array);

Kimenet

15. indexOf ()

Az indexOf () metódust egy elem tömegének keresésére használják egy adott tömbben.

Szintaxis

array.indexOf(“element”)

Példa


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.indexOf("Rohit");
document.writeln(array_result);

Kimenet

Következtetés

Ahogy eddig tárgyalták, a tömb különleges típusú objektum az adatelemek tárolására és kezelésére. A tömb olyan objektum, amely elemcsoportot szolgáltat és hasznos nagy mennyiségű, azonos típusú adat tárolására. A tömbobjektumok tulajdonságai és módszerei segítenek a fejlesztőknek a tömbök könnyű kezelésében. Globális objektumként a JavaScript tömb felhasználható magas szintű tömbök készítéséhez.

Ajánlott cikk

Ez egy útmutató a tömbökhez a JavaScripten. Itt a tömbök különféle típusait és módszereit, valamint a példát tárgyaljuk. További információkért áttekintheti a többi javasolt cikket is

  1. JavaScript eszközök
  2. JavaScript matematikai funkciók
  3. A legjobb Javascript keretek
  4. A JavaScript felhasználása
  5. Tömbök a PHP-ben

Kategória:

Szoftverfejlesztés