Úvod do metod pole v JavaScriptu
Javascript nabízí pole pro uložení dat, jako jsou celá čísla, řetězce a uživatelem definované objekty. Scénář případu použití je podobný konceptu polí, které najdeme v jiných jazycích. V tomto tématu se budeme učit o metodách polí v JavaScriptu.
Javascript je front-end jazyk, který přidává dynamické chování na webovou stránku, tato pole se používají k uchovávání dat, která mají být vykreslena na webové stránce, jako byste měli seznam knih s jejich jménem, autorským jménem, datem vydání a cenou, takže toto všechny mohou být umístěny do objektu a takové vícenásobné objekty generované mezitím mohou být uloženy v těchto polích, které mohou být buď předány do procesoru ke zpracování, nebo stejným způsobem je může řadič poslat do pohledu pro vykreslení.
Deklarace pole v Javascriptu se provádí takto
var arr = new Array();
nebo
var arr=();
nebo
var arr = (1, 2, 3, 4);
Zde vidíte jednu věc, kterou jsme do pole dali celé hodnoty a označili ji jako typ var, v Javascriptu budou všechny prvky uloženy pouze s typem var a pokud mají být zpracovány a celá čísla nebo jinak datové typy, které vidíte vypadají jako, pak je třeba analyzovat tento typ během používání dat z pole.
Metody polí v Javascriptu
Pro zpracování dat pole máme k dispozici více metod, které nám pomohou provádět některé operace, které jsou vyžadovány během zpracování dat a manipulací.
1. Foreach
Tato metoda se používá ke smyčce nad daty pole a každý jednotlivý prvek můžeme nechat vykreslit na požadovaném zástupném místě na webové stránce.
var country = ('India', 'Australia', 'South Africa');
budeme iterovat z indexu 0 na délku-1, kde délka je velikost pole, což je zde 3.
Nyní je opakujeme pomocí metody forEach -
Příklad
var country = ('India', 'Australia', 'South Africa');
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Výstup -
2. Zatlačte
Kdykoli máte existující pole a mezitím provádíte výpočet, kde toto pole pravděpodobně přijme nějakou datovou hodnotu, která bude do něj přidána. V takovém případě se použije funkce push.
Přidejme zemi do výše definovaného seznamu a tentokrát to znovu zopakujeme a zobrazí se také změněná délka.
Pamatujte, že push bude provedeno na posledním indexu dostupném v poli.
Příklad
// this line gives current length ie 3
console.log(country.length + ' is current length')
// here we push one more country
country.push('USA')
//print updated length
console.log(country.length + ' is current length')
// print each element and index
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Výstup -
3. Pop
Můžeme mít také požadavek, kdy potřebujeme odstranit datové prvky z pole, pop se používá k odstranění prvku z konce pole, tj. Poslední prvek pole bude odstraněn atd.
Vezměme si příklad, abychom viděli totéž -
// this line gives current length ie 4
console.log(country.length + ' is current length')
// pop the last element, it doesn't take any argument
Country.pop()
// this line gives current length ie 3, as the array lost one element
console.log(country.length + ' is current length')
Výstup -
4. Shift ()
Možná budete mít požadavek, kde budete muset vyjmout prvek z přední části pole, takže nemůžete použít pop pro to, protože to nejprve odstraní všechna vaše data a pak vás přivede k vašemu prvnímu elementu, proto máme posun (), tím se element přímo odebere ze začátku pole.
Podívejme se na příklad níže -
Zde spustíme smyčku forEach, abychom ukázali, který prvek byl odstraněn.
// line below will remove India, which was the first element
country.shift() ;
//let's print the elements now
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Výstup -
Na obrázku výše vidíte, že celé pole se vlastně posunulo tak, že opustilo prvek „Austrálie“, přesunul se z indexu 1 na index 0. Tato operace tedy vede k posunu všech prvků pole a může být drahá, když data jsou opravdu obrovská, proto je třeba je používat při správné analýze a dodržovat správné techniky kódování.
5. Neřazení ()
Zde je požadavkem přidat data na přední stranu pole, namísto přidání na konec se tato metoda nazývá unshift () a to také přidá režii přesunutí všech opouštějících prvků pole doprava o jednu index v jedné operaci vložení.
To se může také ukázat jako nákladná operace, pokud má být výkon na stejné úrovni.
Podívejme se na příklad, jak to provést řazení.
Podívejte se na index, kde se na snímku objeví nově přidaný prvek „Kanada“.
//add Canada
country.unshift('Canada');
//print elements
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Výstup -
6. Splice
Tato metoda se používá k odstranění prvků na základě určitého indexu předaného uživatelem, dosud jsme viděli push a pop, shift a unshift, všechny se zabývaly posledním a prvním indexem, pokud máme odebrat operaci se středními indexy, pak potřebujeme spojovací metodu a můžeme předat index prvku, který má být odstraněn z pole.
Vezměme si příklad, kde jsme dali počáteční index, odkud musí být všechny prvky odstraněny z pole.
Do existujícího pole jsem přidal Newzealand a znovu jsem vytvořil jeho velikost 4.
//the following statement will target index 2 and 3 to be removed.
country.splice(2), /code>
Výstup -
7. isArray ()
Tato metoda kontroluje, zda je proměnná typu pole nebo ne.
Udělejme to z následujícího snímku
Závěr
Zde jsme viděli několik metod pro manipulaci s daty pomocí javascriptu, což se hodí při vývoji her nebo vývoji webových stránek.
Doporučené články
Toto je průvodce metodami Arrays v JavaScriptu. Zde diskutujeme několik metod, které nám pomohou provádět některé operace, které jsou vyžadovány během zpracování dat a manipulací. Další informace naleznete také v následujících článcích -
- Konstruktor v JavaScriptu
- Pole v JavaScriptu
- Co je to JavaScript?
- Přepisování v JavaScriptu
- Pole v PHP