Bevezetés a tömbmódszerekbe a JavaScript-ben
A Javascript tömböket kínál olyan adatok tárolására, mint egész számok, karakterláncok és a felhasználó által definiált objektumok. A használati eset forgatókönyve hasonló a tömbök fogalmához, amelyet más nyelveken találunk. Ebben a témában megismerjük az Arrays Methods (Java tömbök) módszereit.
A Javascript olyan felhasználói felület, amely dinamikus viselkedést kölcsönöz a weboldalnak, ezeket a tömböket arra használják, hogy a weboldalon megjelenítendő adatokat tárolja, mint például, ha van egy listája a könyveknek a nevükkel, a szerző nevével, a közzététel dátumával és a költségekkel, tehát ez mindegyik egy objektumba helyezhető, és az időközben létrehozott többszörös objektumok tárolhatók ezekben a tömbökben, amelyeket átadhatunk a vezérlőhöz feldolgozás céljából, vagy ugyanúgy a vezérlő küldheti el a nézetre renderelés céljából.
A Javascript tömb deklarációja így történik
var arr = new Array();
vagy
var arr=();
vagy
var arr = (1, 2, 3, 4);
Itt láthat egy dolgot, hogy egész számot adott a tömbnek, és var típusként jelölte meg, Javascript-ben az összes elemet csak var típus tárolja, és ha kezelni akarjuk őket, és egész számok vagy egyéb adattípusok, amelyeket látsz úgy néznek ki, mintha, majd a tömbből származó adatok felhasználása során be kell elemezni ezt a típust.
Tömbmódszerek Javascript-ben
A tömb adatok feldolgozásához többféle módszer áll rendelkezésre, ezek segítenek bennünket olyan műveletek végrehajtásában, amelyek az adatfeldolgozás és a manipulációk során szükségesek.
1. Foreach
Ezt a módszert használják a tömb adatok áthidalására, és minden egyes elemet a weboldal kívánt helyőrzőjére állíthatunk elő.
var country = ('India', 'Australia', 'South Africa');
a 0. mutatótól az 1-es hosszúságig iterálunk, ahol a hossza a tömb mérete, amely itt 3.
Most ismételjük meg őket a forEach módszerrel -
Példa
var country = ('India', 'Australia', 'South Africa');
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Kimenet -
2. Nyomja meg
Ha létezik egy meglévő tömb, és időközben elvégzi a számítást, akkor a tömb valószínűleg valamilyen adatértéket fog hozzáadni hozzá. Ebben az esetben a push funkciót kell használni.
Adjunk egy országot a fent megadott listához, és idén megismételjük, és a megváltozott hossz is megjelenik.
Ne feledje, hogy a push a tömbben elérhető legutóbbi indexnél történik.
Példa
// 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);
) );
Kimenet -
3. Pop
Azt is előírhatjuk, hogy törölnünk kell az adatelemeket a tömbből, a pop használatával töröljük az elemet a tömb végéből, azaz a tömb utolsó elemét töröljük és így tovább.
Vegyünk egy példát, hogy lássa ugyanezt -
// 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')
Kimenet -
4. Shift ()
Előfordulhat, hogy követelménynek kell lennie, ha ki kell vennie az elemet a tömb elejéből, így nem használhatja a pop-ot, mert előbb az összes adatot törli, majd az első elem elérését kényszeríti, mert ehhez van shift () metódus, ez közvetlenül eltávolítja az elemet a tömb elejétől.
Nézzük meg az alábbi példát erre:
Itt futtatjuk a forEach ciklust, hogy megmutatjuk, melyik elemet töröltük.
// 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);
) );
Kimenet -
A fenti képen láthatja, hogy az egész tömb valóban eltolódott, hogy balra maradjon az „Australia” elem az 1. indexről a 0. indexre. Tehát ez a művelet a tömb összes elemének eltolódásához vezet, és drága lehet, amikor a Az adatok valóban hatalmasak, ezért ezeket megfelelő elemzéssel kell használni, és a helyes kódolási technikákat kell követni.
5. Váltás ()
Itt a követelmény az adatok hozzáadása a tömb elejéhez, ahelyett, hogy a végére adnánk, ezt a módszert úgy hívják, hogy unshift (), és ez hozzáad egy pluszt a tömb összes kilépő elemének jobbra mozgatásához. index egy beillesztési műveletben.
Ez akkor is költséges művelet lehet, ha a teljesítmény par.
Lássunk egy példát, hogyan kell ezt megtenni -
Lásd az indexet, ahol az újonnan hozzáadott „Kanada” elem megjelenik a pillanatképben.
//add Canada
country.unshift('Canada');
//print elements
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Kimenet -
6. Splice
Ezt a módszert alkalmazzuk az elemek eltávolításához a felhasználó által eljutott index alapján. Még láttuk a push és pop, shift és shift funkciókat, amelyek mindegyike az utolsó és az első indexekkel foglalkozik, ha feltételezzük, hogy a középső indexekkel kell eltávolítanunk a műveletet, akkor szükségünk van splice módszerre, és átadhatjuk a tömbből eltávolítandó elemindexet.
Vegyünk egy példát, ahol megadtunk egy kezdõ indexet, ahonnan minden elemet el kell távolítani a tömbrõl.
Felvettem Newzealandot a meglévő tömbbe, és újból megnöveltem annak 4-es méretét.
//the following statement will target index 2 and 3 to be removed.
country.splice(2), /code>
Kimenet -
7. isArray ()
Ez a módszer ellenőrzi, hogy a változó típusú tömb-e vagy sem.
Csináljuk ezt a következő pillanatkép alapján
Következtetés
Itt többféle módszert láthattunk a javascript-lel való adatkezeléshez, amely hasznos játék, vagy weblapok fejlesztésekor.
Ajánlott cikkek
Ez egy útmutató a Marays Methods alkalmazáshoz a JavaScripten. Itt olyan módszereket tárgyalunk, amelyek elősegítik az adatfeldolgozás és a manipulációk során szükséges műveletek végrehajtását. Lehet, hogy megnézi a következő cikkeket is, ha többet szeretne megtudni -
- Kivitelező a JavaScript-ben
- Tömbök a JavaScript-ben
- Mi a JavaScript?
- A JavaScript felülírása
- Tömbök a PHP-ben