Úvod do polí v JavaScriptu

Jak víme, objekty nám umožňují ukládat klíčové kolekce hodnot. Ale někdy potřebujeme uspořádanou sbírku, kde musíme ukládat 1., 2., 3. prvek a mnoho dalších. Například, zvažte, že musíme uložit seznam něčeho: uživatelská data, data zboží a mnoho dalších. Není vhodné zde použít objekt, protože neposkytuje žádné metody pro správu pořadí prvků. Objekty se pro takové použití nevytvářejí. Pro ukládání uspořádaných sbírek existuje speciální struktura dat s názvem Array. Pole v JavaScriptu umožňují uložit více hodnot do jedné proměnné. Ukládá stejný druh kolekce elementů sekvenční pevné velikosti.

Pole v JavaScriptu se používají k ukládání informační sady, ale často je užitečnější pro uložení sady proměnných stejného typu. Pole je jediná proměnná v JavaScriptu, která se používá k ukládání různých prvků. Když chceme uložit seznam prvků a přistupovat k nim prostřednictvím jediné proměnné, často se používá. Na rozdíl od mnoha jiných jazyků, kde je pole odkazem na různé proměnné, je v poli JavaScriptu jediná proměnná, která ukládá různé prvky. Objekt Arrays v JavaScriptu je globální objekt používaný při vytváření polí; což jsou objekty podobné seznamu.

Jak pole funguje v JavaScriptu?

Pole v JavaScriptu jsou způsob, jak ukládat prvky do jedné proměnné v paměti. Podle indexu lze k prvkům přistupovat v poli. Index pole začíná 0. Pole Javascript jsou nulová, což znamená, že index prvního prvku je 0. To je velmi důležité, protože to znamená, že vždy bude existovat offset jedné jednotky: první prvek bude mít index 0 a druhý prvek bude mít index 1 atd.

Jak vytvořit pole v JavaScriptu (příklad)?

Objekt Array umožňuje ukládat různé hodnoty do jedné proměnné. Ukládá sekvenční kolekci stejného typu prvků s pevnou velikostí. Pole se používá k uložení sady kolekce, ale často je užitečné považovat pole za sadu stejného typu proměnných. Pole doslovného zápisu usnadňuje vytváření polí v JavaScriptu. Skládá se ze dvou hranatých závorek, které obalují volitelné prvky pole oddělené čárkami. Počet, řetězec, boolean, null, undefined, objekt, funkce, regulární výraz a další struktury mohou být libovolným typem prvků pole.

Pole lze vytvořit v JavaScriptu, jak je uvedeno níže

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

Ve výše uvedeném vytvoření inicializujete pole a bylo vytvořeno s hodnotami „Indie“, „Anglie“ a „Srilanka“. Index „Indie“, „Anglie“ a „Srilanka“ je 0, 1 a 2. Do pole země můžete přidat další prvky a poté to můžete provést níže uvedeným způsobem

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říklad


JavaScript Creating Array


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

Výstup

Typy polí v JavaScriptu (Vysvětlete každý typ příkladem)

Níže jsou uvedeny různé typy polí v javascriptu takto:

  • Array doslovný

Pole lze vytvořit pomocí literálu pole pomocí syntaxe níže

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

Zvažte jednoduchý příklad vytvoření pole v JavaScriptu pomocí pole 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 :

  • Pole přímo

Pole lze vytvořit pomocí pole přímo pomocí nového klíčového slova, jak je uvedeno níže v syntaxi

var arrayname=new Array();

Níže je uveden příklad vytvoření pole v JavaScriptu pomocí přímého použití pole pomocí nového klíč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

Instance pole lze vytvořit předáním argumentů v konstruktoru. Následující příklad vytváří pole v JavaScriptu pomocí Array Constructor s pomocí nového klíč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ýstup

Vysvětlete metody pole v JavaScriptu

Níže jsou uvedeny metody pole v JavaScriptu

1. metoda concat ()

Pomocí metody concat () můžete vytvořit nové pole s kombinací dvou nebo více polí.

Syntax

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

Pří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ýstup

2. každý ()

Metoda every () kontroluje, zda jsou dané prvky v poli pravdivé nebo nepravdivé, jak je uvedeno ve stavu. Vrací true, pokud podmínka odpovídá dané podmínce, jinak vrací false.

Syntax

Array.every(callback, thisArg)

Kde zpětné volání je podmínkou pro testování funkce a thisArg je volitelný parametr používaný při provádění zpětného volání.

Pří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ýstup

3. vyplnit ()

Metoda fill () se používá k vyplnění zadaných statických hodnot úpravou původních hodnot v daném poli.

Syntax

array.fill(value)

Příklad


JavaScript Array Method

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

Výstup

4. filtr ()

Metoda filter () se používá k filtrování prvků pole na základě dané podmínky.

Syntax

array.filter(callback, thisArg)

Pří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ýstup

5. pro každou ()

Metoda forEach () se používá k vyvolání funkce pro každý prvek pole.

Syntax

array.forEach(callback, thisArg)

Příklad


JavaScript Array Method

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

Výstup

6. zahrnuje ()

Metoda include () se používá ke kontrole, zda je daný prvek zahrnut do pole nebo ne. Pokud je prvek zahrnut do pole, vrátí true, jinak vrací false.

Syntax

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

Příklad


JavaScript Array Method

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

Výstup

7. připojit se ()

Metoda join () se používá ke sloučení prvků pole do řetězce a poskytuje nový řetězec.

Syntax

array.join(separator)

Příklad


JavaScript Array Method

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

Výstup

8. pop ()

Metoda pop () se používá k extrahování posledního prvku daného pole.

Syntax

array.pop(operator)

Pří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ýstup

9. push ()

Metoda push () se používá k přidání prvku na konec pole.

Syntax

array.push()

Příklad


JavaScript Array Method

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

Výstup

10. reverzní ()

Metoda reverse () se používá k obrácení posloupnosti dané sady prvků. Poslední prvek se stane prvním a první prvek se stane posledním.

Syntax

array.reverse()

Příklad


JavaScript Array Method

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

Výstup

11. shift ()

Metoda shift () se používá k vrácení prvního prvku pole.

Syntax

array.shift()

Příklad


JavaScript Array Method

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

Výstup

12. plátek ()

Metoda slice () se používá k zobrazení části daných prvků pole beze změny původního pole.

Syntax

array.slice(start, end)

Pří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ýstup

13. sort ()

Metoda sort () se používá k zobrazení prvků pole ve vzestupném pořadí.

Syntax

array.sort()

Příklad


JavaScript Array Method

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

Výstup

14. unshift ()

Metoda unshift () se používá k přidání prvků na začátek pole.

Syntax

array.unshift(“element”)

Příklad


JavaScript Array Method

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

Výstup

15. indexOf ()

Metoda indexOf () se používá k hledání pozice prvku v daném poli.

Syntax

array.indexOf(“element”)

Příklad


JavaScript Array Method

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

Výstup

Závěr

Jak bylo dosud diskutováno, pole je speciální druh objektu pro ukládání a správu datových prvků. Pole je objekt, který poskytuje skupinu prvků a je užitečný pro ukládání velkého množství dat stejného typu. Vlastnosti a metody objektů pole pomáhají vývojářům snadno zpracovávat pole. Jako globální objekt lze pole JavaScript použít při konstrukci polí na vysoké úrovni.

Doporučený článek

Toto byl průvodce poli v JavaScriptu. Zde diskutujeme různé typy a metody polí spolu s příkladem. Další informace naleznete také v dalších navrhovaných článcích

  1. Nástroje JavaScript
  2. Matematické funkce JavaScriptu
  3. Nejlepší Javascriptové rámce
  4. Použití JavaScriptu
  5. Pole v PHP

Kategorie: