Uvod v metode Arrays v JavaScript

Javascript ponuja matrike za shranjevanje podatkov, kot so cela števila, niz in uporabniško definirani predmeti. Scenarij primera uporabe je podoben konceptu nizov, ki jih najdemo v drugih jezikih. V tej temi bomo spoznali Metode Arrays v JavaScript.

Javascript je sprednji jezik, ki spletni strani doda dinamično vedenje. Ti nizi se uporabljajo za shranjevanje podatkov, ki jih je treba prikazati na spletni strani, kot je seznam knjig z njihovim imenom, imenom avtorja, datumom izdaje in stroški, tako da vsi so lahko postavljeni v predmet in takšni več predmetov, ki se medtem ustvarijo, so lahko shranjeni v teh nizih, ki jih lahko bodisi posredujemo krmilniku za obdelavo bodisi ga na enak način lahko regulator pošlje v pogled v upodabljanje.

Izjava matrike v Javascriptu je narejena tako

var arr = new Array();

ali

var arr=();

ali

var arr = (1, 2, 3, 4);

Tu lahko vidite eno stvar, da smo polju dali celoštevilčne vrednosti in ga označili kot vrsto var, v Javascriptu bodo vsi elementi shranjeni samo z tipom var in če jih je treba obdelati ter cela števila ali drugače tipe podatkov, ki jih vidite izgledajo kot, potem je treba opraviti razčlenitev te vrste med uporabo podatkov iz matrike.

Metode nizov v Javascript

Za obdelavo podatkov iz matrike imamo na voljo več metod, ki nam bodo pomagale izvesti nekatere operacije, ki so potrebne med obdelavo podatkov in manipulacijami.

1. Predajte

Ta metoda se uporablja za prekrivanje podatkov o matriki in vsak posamezen element lahko dobimo na svojem želenem rezerviranem mestu na spletni strani.

var country = ('India', 'Australia', 'South Africa');

ponovimo od indeksa 0 do dolžine-1, kjer je dolžina velikosti matrike, ki je tukaj 3.

Zdaj ponovimo z njimi uporabo metode forEach -

Primer

var country = ('India', 'Australia', 'South Africa');
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );

Izhod -

2. Potisnite

Kadar koli imate obstoječ niz in vmes izvajate nekaj izračunov, pri katerih bo ta niz verjetno prejel določeno vrednost podatkov, ki mu bo dodana. V tem primeru se uporabi funkcija pritiska.

Na zgoraj opredeljeni seznam dodamo državo in tokrat bomo znova poudarili, prikazana bo tudi spremenjena dolžina.

Ne pozabite, da bo potiskanje izvedeno pri zadnjem indeksu, ki je na voljo v matriki.

Primer

// 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);
) );

Izhod -

3. Pop

Lahko imamo tudi zahtevo, kjer moramo izbrisati podatkovne elemente iz matrike, pop se uporablja za brisanje elementa s konca matrike, tj. Zadnji element matrike se izbriše in tako naprej.

Vzemimo primer, da vidimo isto -

// 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')

Izhod -

4. Shift ()

Morda boste imeli zahtevo, če morate element vzeti iz prednjega niza, tako da za to ne morete uporabiti, saj bo najprej zbrisal vse podatke, nato pa boste dosegli svoj prvi element, zato imamo premik () metoda, to bo neposredno odstranilo element iz začetka matrike.

Poglejmo spodnji primer tega -

Tu bomo zagnali zanko forEach in pokazali, kateri element je bil izbrisan.

// 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);
) );

Izhod -

Na zgornji sliki lahko vidite, da se je celoten niz dejansko premaknil v levo, da se je element "Avstralija" premaknil z indeksa 1 na indeks 0. Torej ta operacija vodi v premik vseh elementov matrike in je lahko draga, ko podatkov je res ogromno, zato jih je treba uporabiti s pravilno analizo in uporabiti pravilno tehniko kodiranja.

5. Prestavite ()

Tukaj je zahteva, da podatke dodate na sprednji del matrike, namesto da bi jih dodali na konec, se ta metoda imenuje preklapljanje (), kar bo dodalo tudi režijsko premikanje vseh izstopajočih elementov matrike v desno po enega kazalo v eni operaciji vstavljanja.

To se lahko izkaže tudi za drago delovanje, ko je treba doseči, da je učinkovitost enaka.

Poglejmo primer, kako narediti to prestavljanje -

Oglejte si indeks, kjer se na posnetku prikaže novo dodan element „Kanada“.

//add Canada
country.unshift('Canada');
//print elements
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );

Izhod -

6. Spajanje

Ta metoda se uporablja za odstranjevanje elementov, ki temeljijo na določenem indeksu, ki ga je opravil uporabnik, do takrat še nismo videli push in pop, shift in premikanje, vsi, ki se ukvarjajo z zadnjim in prvim indeksom, če naj bi odstranili operacijo s srednjimi indeksi, potem potrebujemo način spajanja in lahko prenesemo indeks elementov, da ga odstranimo iz matrike.

Vzemimo primer, kjer smo dali začetni indeks, od koder je treba odstraniti vse elemente iz matrike.

V obstoječi niz sem dodal Newzealand in ponovno postavil njegovo velikost 4.

//the following statement will target index 2 and 3 to be removed.
country.splice(2), /code>

Izhod -

7. jeArray ()

Ta metoda preverja, ali je spremenljivka vrsta matrike ali ne.

Naredimo to iz naslednjega posnetka

Zaključek

Tu smo videli več načinov za obdelavo podatkov z javascriptom, kar je priročno, ko razvijate igre ali razvijate spletne strani.

Priporočeni članki

To je vodnik za Metode Arrays v JavaScript. Tukaj razpravljamo o več metodah, ki nam bodo pomagale izvesti nekatere operacije, ki so potrebne med obdelavo podatkov in manipulacijami. Za več informacij si lahko ogledate tudi naslednje članke -

  1. Konstruktor v JavaScript
  2. Nizi v JavaScript
  3. Kaj je JavaScript?
  4. Prevlado v JavaScript
  5. Nizi v PHP