Úvod do polí v JavaScripte
Ako vieme, objekty nám umožňujú ukladať kľúčové hodnoty zbierok. Niekedy však potrebujeme usporiadanú kolekciu, v ktorej musíme uložiť 1., 2., 3. prvok a mnoho ďalších. Napríklad, zvážte, či potrebujeme uložiť zoznam niečoho: údaje používateľov, údaje o tovare a mnoho ďalších. Nie je vhodné tu používať objekt, pretože neposkytuje žiadne metódy na spravovanie poradia prvkov. Objekty sa nevytvárajú na takéto použitie. Na ukladanie usporiadaných kolekcií existuje špeciálna štruktúra údajov s názvom Array. Polia v JavaScripte umožňujú uložiť viac hodnôt do jednej premennej. Uchováva rovnaký druh kolekcie prvkov sekvenčnej pevnej veľkosti.
Polia v skripte JavaScript sa používajú na ukladanie informačnej sady, ale často je užitočnejšie na ukladanie množiny premenných rovnakého typu. Pole je jedna premenná v JavaScripte, ktorá sa používa na ukladanie rôznych prvkov. Keď chceme uložiť zoznam prvkov a pristupovať k nim prostredníctvom jednej premennej, často sa používa. Na rozdiel od mnohých iných jazykov, v ktorých je pole odkazom na rôzne premenné, v poli JavaScript existuje jedna premenná, v ktorej sú uložené rôzne prvky. Objekt Pole v JavaScripte je globálny objekt používaný v budovaní polí; čo sú objekty podobné zoznamu.
Ako pole funguje v JavaScripte?
Polia v JavaScripte sú spôsob, ako ukladať prvky do jednej premennej v pamäti. Na základe indexu sú k prvkom prístupné v poli. Index poľa začína nulou. Javascriptové polia sú založené na nule, čo znamená, že index prvého prvku je 0. To je veľmi dôležité, pretože to znamená, že vždy bude existovať posun jednej jednotky: prvý prvok bude mať index 0 a druhý prvok bude mať index 1 a tak ďalej.
Ako vytvoriť polia v JavaScripte (príklad)?
Objekt Array vám umožňuje ukladať rôzne hodnoty do jednej premennej. Ukladá sekvenčnú kolekciu rovnakej veľkosti prvkov rovnakého typu. Pole sa používa na ukladanie sady kolekcií, ale často je užitočnejšie považovať pole ako sadu rovnakých typov premenných. Pole doslovného zápisu uľahčuje vytváranie polí v JavaScripte. Skladá sa z dvoch hranatých zátvoriek, ktoré balia voliteľné prvky poľa oddelené čiarkami. Počet, reťazec, boolean, null, undefined, objekt, funkcia, regulárny výraz a ďalšie štruktúry môžu byť ľubovoľným typom prvkov poľa.
Pole je možné vytvoriť v JavaScripte, ako je uvedené nižšie
var country = ("India", "England", "Srilanka");
Vo vyššie uvedenom vytvorení inicializujete pole a bolo vytvorené s hodnotami „India“, „Anglicko“ a „Srilanka“. Index „India“, „Anglicko“ a „Srilanka“ je 0, 1 a 2. Do poľa krajiny môžete pridať ďalšie prvky a potom to urobiť, ako je to znázornené nižšie
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";
príklad
JavaScript Creating Array
var my_array=("England", "Australia", "India");
document.getElementById("myarray").innerHTML = my_array;
Výkon
Typy polí v JavaScripte (Vysvetlite každý typ príkladom)
Nižšie sú uvedené rôzne typy polí v javascripte takto:
-
Array Doslovné
Pole je možné vytvoriť pomocou literálu poľa pomocou nižšie uvedenej syntaxe
var arrayname=(value1, value2…..valuen);
Zvážte jednoduchý príklad vytvorenia poľa v JavaScripte pomocou poľa Array Literal
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) + "
");
)
Výstup :
-
Priamo v poli
Pole je možné vytvoriť pomocou poľa priamo pomocou nového kľúčového slova, ako je uvedené nižšie v syntaxi
var arrayname=new Array();
Nižšie je uvedený príklad vytvorenia poľa v JavaScripte pomocou priameho poľa Array pomocou nového kľúčového slova
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) + "
");
)
Výstup :
-
Array Constructor
Inštanciu poľa možno vytvoriť odovzdaním argumentov v konštruktore. Nasledujúci príklad vytvára pole v JavaScripte pomocou Array Constructor s pomocou nového kľúčového slova
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) + "
");
)
Výkon
Vysvetlite metódy poľa v JavaScripte
Nižšie sú uvedené metódy poľa v JavaScripte
1. metóda concat ()
Pomocou metódy concat () môžete vytvoriť nové pole s kombináciou dvoch alebo viacerých polí.
syntax
array.concat(val1, val2, …, valN);
príklad
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 );
Výkon
2. každý ()
Metóda every () kontroluje, či sú dané prvky pravdivé alebo nepravdivé v poli podľa predpokladu. Vracia sa pravda, ak sa stav zhoduje s danou podmienkou, inak sa vráti nepravdivé.
syntax
Array.every(callback, thisArg)
Ak je spätné volanie podmienkou na testovanie funkcie a thisArg je voliteľný parameter používaný pri vykonávaní spätného volania.
príklad
JavaScript Array Method
var vals=(150, 400, 450, 375, 200);
function check_num(value)
(
return value>100;
)
document.writeln(vals.every(check_num));
Výkon
3. vyplniť ()
Metóda fill () sa používa na vyplnenie určených statických hodnôt úpravou pôvodných hodnôt v danom poli.
syntax
array.fill(value)
príklad
JavaScript Array Method
var my_array=("England", "Australia", "India");
var array_result=my_array.fill("EDUCBA");
document.writeln(my_array);
Výkon
4. filter ()
Metóda filter () sa používa na filtrovanie prvkov poľa na základe danej podmienky.
syntax
array.filter(callback, thisArg)
príklad
JavaScript Array Method
var vals=(150, 200, 345, 375, 125);
function check_num(value)
(
return value>150;
)document.writeln(vals.filter(check_num));
Výkon
5. pre každú ()
Metóda forEach () sa používa na vyvolanie funkcie pre každý prvok poľa.
syntax
array.forEach(callback, thisArg)
príklad
JavaScript Array Method
var my_array = ('India', 'Srilanka', 'England');
my_array.forEach(function(fetch) (
document.writeln(fetch);
));
Výkon
6. zahŕňa ()
Metóda include () sa používa na kontrolu, či je daný prvok zahrnutý do poľa alebo nie. Ak je prvok zahrnutý do poľa, vráti true, inak vráti false.
syntax
array.includes(element) //where “element” is a value which is to be searched in the array
príklad
JavaScript Array Method
var my_array=("Sachin", "Dhoni", "Kohli", "Rohit", "Dhawan") var array_result=my_array.includes("Sachin");
document.writeln(array_result);
Výkon
7. pripojiť sa ()
Metóda join () sa používa na kombináciu prvkov poľa do reťazca a poskytuje nový reťazec.
syntax
array.join(separator)
príklad
JavaScript Array Method
var my_array=('India', 'Srilanka', 'England') var array_result=my_array.join('-')
document.write(array_result);
Výkon
8. pop ()
Metóda pop () sa používa na extrahovanie posledného prvku daného poľa.
syntax
array.pop(operator)
príklad
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);
Výkon
9. push ()
Metóda push () sa používa na pridanie prvku na koniec poľa.
syntax
array.push()
príklad
JavaScript Array Method
var my_array=("England", "Australia", "India");
my_array.push("Srilanka");
document.writeln(my_array);
Výkon
10. vzad ()
Metóda reverznej () sa používa na obrátenie postupnosti daného súboru prvkov. Posledný prvok sa stane prvým a prvý prvok sa stane posledným.
syntax
array.reverse()
príklad
JavaScript Array Method
var my_array=("England", "Australia", "India");
var reverse_val=arr.reverse();
document.writeln(reverse_val);
Výkon
11. shift ()
Metóda shift () sa používa na vrátenie prvého prvku poľa.
syntax
array.shift()
príklad
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.shift();
document.writeln(array_result);
Výkon
12. plátok ()
Metóda slice () sa používa na zobrazenie časti daných prvkov poľa bez zmeny pôvodného poľa.
syntax
array.slice(start, end)
príklad
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.slice(2, 3);
document.writeln(array_result);
Výkon
13. sort ()
Metóda sort () sa používa na zobrazenie prvkov poľa vo vzostupnom poradí.
syntax
array.sort()
príklad
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.sort();
document.writeln(array_result);
Výkon
14. unshift ()
Metóda unshift () sa používa na pridanie prvkov na začiatok poľa.
syntax
array.unshift(“element”)
príklad
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.unshift("Kohli");
document.writeln(my_array);
Výkon
15. indexOf ()
Metóda indexOf () sa používa na vyhľadávanie polohy prvku v danom poli.
syntax
array.indexOf(“element”)
príklad
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.indexOf("Rohit");
document.writeln(array_result);
Výkon
záver
Ako už bolo uvedené, pole je špeciálny druh objektu na ukladanie a správu dátových prvkov. Pole je objekt, ktorý poskytuje skupinu prvkov a je užitočný na ukladanie veľkého množstva údajov rovnakého typu. Vlastnosti a metódy objektov poľa pomáhajú vývojárom ľahko spracovať polia. Ako globálny objekt možno pole JavaScript použiť na konštrukciu polí, ktoré sú na vysokej úrovni.
Odporúčaný článok
Toto bol sprievodca poľami v jazyku JavaScript. Tu diskutujeme rôzne typy a metódy polí spolu s príkladom. Viac informácií nájdete aj v ďalších navrhovaných článkoch
- Nástroje JavaScript
- Matematické funkcie JavaScriptu
- Najlepšie Javascriptové rámce
- Použitie JavaScriptu
- Polia v PHP