Massiivi meetodite sissejuhatus JavaScripti

Javascript pakub massiive selliste andmete hoidmiseks nagu täisarvud, stringid ja kasutaja määratletud objektid. Kasutusjuhtumi stsenaarium sarnaneb massiivi mõistega, mida leiame teistes keeltes. Selles teemas tutvume JavaScripti massiivi meetoditega.

Javascript on esiotsa keel, mis lisab veebilehele dünaamilise käitumise. Neid massiive kasutatakse veebilehel renderdatavate andmete hoidmiseks, nagu näiteks teil on raamatute loend nende nime, autori nime, avaldamise kuupäeva ja maksumusega, nii et see kõik saab paigutada mõnda objekti ja selliseid vahepeal loodud mitu objekti saab nendesse massiividesse salvestada, mis võib edastada töötlejale töötlemiseks või samal viisil saab kontroller selle renderdamiseks vaatele saata.

Massiivi deklareerimine Javascriptis toimub nii

var arr = new Array();

või

var arr=();

või

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

Siin näete ühte asja, et andsime massiivile täisarvud ja märkisime selle tüübina var, Javascriptis salvestatakse kõik elemendid ainult tüübiga var ja kui neid on vaja käsitleda ning täisarvu või muud tüüpi andmetüüpe, mida näete need ilmuvad nagu, siis tuleb massiivist pärinevate andmete kasutamisel seda tüüpi sõeluda.

Massiivide meetodid Javascriptis

Massiivi andmete töötlemiseks on meil saadaval mitu meetodit, need aitavad meil teostada mõningaid andmetöötluse ja manipulatsioonide ajal vajalikke toiminguid.

1. Jutlustama

Seda meetodit kasutatakse massiivi andmete ümberseadistamiseks ja iga üksiku elemendi saab muuta oma veebilehel soovitud kohahoidjaks.

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

itreerime indeksist 0 kuni pikkuseni 1, kus pikkus on massiivi suurus, mis siin on 3.

Nüüd korrame neid, kasutades forEach meetodit -

Näide

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

Väljund -

2. Lükake

Kui teil on olemasolev massiiv ja vahepeal arvutate arvutusi, võtab see massiiv tõenäoliselt sellele lisatava andmeväärtuse. Sel juhul tuleb kasutada tõukefunktsiooni.

Lisage riik ülalnimetatud loendisse ja kordame seda seekord uuesti ning kuvatakse ka muudetud pikkus.

Pidage meeles, et surumine toimub massiivi viimases saadaval olevas indeksis.

Näide

// 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äljund -

3. popp

Samuti võib meil olla nõue, kus peame kustutama andmeelemendid massiivist, popi kasutatakse elemendi kustutamiseks massiivi lõpust, st massiivi viimane element kustutatakse jne.

Võtame näite sama nägemiseks -

// 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äljund -

4. Tõstuklahv ()

Teil võib olla nõue, kus peate elemendi massiivi küljest välja võtma, nii et te ei saa selle jaoks pop-i kasutada, kuna see kustutab kõigepealt kõik teie andmed ja siis paneb teid jõudma oma esimese elemendini, sest selleks on meil nihe () meetod, see eemaldab elemendi otse massiivi algusest.

Vaatame selle kohta allpool näidet -

Siin käivitame forEachi silmuse, et näidata, milline element on kustutatud.

// 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äljund -

Ülaltoodud pildil näete, et kogu massiivi on tegelikult nihkunud vasakule, element "Australia" on liikunud indeksist 1 indeksini 0. Seega viib see toiming massiivi kõigi elementide nihutamiseni ja võib olla kallis, kui andmed on tõesti tohutud, seetõttu tuleb seda kasutada korraliku analüüsi korral ja järgida õigeid kodeerimise tehnikaid.

5. Nihutamine ()

Nõudeks on andmete lisamine massiivi esiossa, mitte selle lõppu lisamine. Seda meetodit nimetatakse unshift () ja see lisab ka massiivi kõigi väljuvate elementide parempoolse liigutamise õhuliini. indeks ühes sisestamisoperatsioonis.

See võib osutuda ka kulukaks toiminguks, kui jõudlus peab olema par.

Vaatame näidet selle nihutamise kohta -

Vaadake indeksit, kus äsja lisatud element 'Kanada' kuvatakse hetktõmmis.

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

Väljund -

6. Viil

Seda meetodit kasutatakse elementide eemaldamiseks, mis põhinevad kasutajal mingil indeksil. Kui me veel nägime tõuke- ja hüpiknuppe, nihutamist ja nihutamist, siis need kõik käsitlesid viimast ja esimest indeksit, kui peaksime eemaldama operatsiooni keskmiste indeksitega, siis vajame splaissimismeetodit ja saame elementide indeksi massiivist eemaldada.

Võtame näite, kus oleme andnud lähteindeksi, kust alates tuleb kõik elemendid massiivist eemaldada.

Olen lisanud Newzealandi olemasolevasse massiivi ja teinud selle suuruse 4 uuesti.

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

Väljund -

7. isArray ()

Selle meetodiga kontrollitakse, kas muutuja on tüüpi massiivi või mitte.

Teeme seda järgmisest hetkepildist

Järeldus

Siin nägime JavaScriptiga mitmeid andmete manipuleerimise meetodeid, mis on kasulik mängude või veebilehtede arendamisel.

Soovitatavad artiklid

See on JavaScripti massiivi meetodite juhend. Siin käsitleme mitut meetodit, mis aitab meil teostada mõningaid andmetöötluse ja manipulatsioonide ajal vajalikke toiminguid. Võite lisateabe saamiseks vaadata ka järgmisi artikleid -

  1. Ehitaja JavaScriptis
  2. Massiivid JavaScriptis
  3. Mis on JavaScript?
  4. Esmatähtis JavaScriptis
  5. Massiivid PHP-s

Kategooria:

Tarkvaraarendus