Johdanto JavaScript-ryhmän taulukkomuotoihin

Javascript tarjoaa taulukot tietojen, kuten kokonaislukujen, merkkijonojen ja käyttäjän määrittämien kohteiden, pitämiseksi. Käyttötapaus on samanlainen kuin muilla kielillä löytämämme taulukon käsite. Tässä aiheessa aiomme oppia Arrays-menetelmistä JavaScript-muodossa.

Javascript on käyttöliittymän kieli, joka lisää dynaamista käyttäytymistä verkkosivulle. Näitä taulukkoja käytetään verkkosivustolle annettavan tiedon pitämiseen, kuten sinulla on luettelo kirjoista, joiden nimi, kirjoittajan nimi, julkaisupäivä ja kustannukset ovat, kaikki voidaan sijoittaa objektiin, ja tällaiset välinettä väliin muodostetut objektit voidaan tallentaa näihin ryhmiin, jotka voidaan joko siirtää ohjaimeen prosessoitavaksi tai samalla tavalla ohjain voi lähettää sen näkymään renderointia varten.

Javascriptin taulukkoilmoitus tehdään näin

var arr = new Array();

tai

var arr=();

tai

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

Täällä voit nähdä yhden asian, että annoimme kokonaislukuarvoja taulukolle ja merkitsimme sen tyypiksi var. Javascriptissa kaikki elementit tallennetaan vain tyypillä var ja jos niitä käsitellään, ja kokonaislukuja tai muuten tietotyyppejä, jotka näet ne näyttävät siltä, ​​sitten jäsentäminen tyyppiin on suoritettava taulukon tietojen käytön aikana.

Menetelmät taulukot Javascript

Matriisitietojen käsittelemiseksi meillä on käytettävissä useita menetelmiä, ne auttavat meitä suorittamaan joitain toimintoja, joita vaaditaan tietojenkäsittelyn ja manipulointien aikana.

1. Foreach

Tätä menetelmää käytetään silmukoimaan taulukkotiedot ja voimme antaa jokaisen yksittäisen elementin halutulle paikkamerkille verkkosivulla.

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

iteroimme indeksistä 0 pituuteen-1, missä pituus on taulukon koko, joka on tässä 3.

Nyt iteroidaan niiden kanssa forEach-menetelmällä -

esimerkki

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

Tulos -

2. Työnnä

Aina kun sinulla on olemassa oleva taulukko, ja sillä välin suoritat laskentaa, jossa kyseinen taulukko todennäköisesti saa jonkin verran siihen lisättävää data-arvoa. Tässä tapauksessa on käytettävä työntötoimintoa.

Lisäämme maan edellä määriteltyyn luetteloon, ja toistamme sen tällä kertaa ja myös muutettu pituus näytetään.

Muista, että työntö tehdään taulukon viimeisimmässä indeksissä.

esimerkki

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

Tulos -

3. Pop

Meillä voi olla myös vaatimus, jossa meidän on poistettava tietoelementit taulukosta, pop-painiketta käytetään elementin poistamiseen taulukon lopusta eli taulukon viimeinen elementti poistetaan ja niin edelleen.

Otetaan esimerkki nähdäksesi saman -

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

Tulos -

4. Vaihto ()

Sinulla voi olla vaatimus, jossa sinun on poistettava elementti taulukon edestä, joten et voi käyttää popia siihen, koska se poistaa ensin kaikki tietosi ja sitten saapuu sinut saavuttamaan ensimmäinen elementti, sillä meillä on vaihto () -menetelmä, tämä poistaa elementin suoraan taulukon alusta.

Katsotaan alla esimerkki tästä -

Suoritamme ForEach-silmukan näyttääksesi mikä elementti on poistettu.

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

Tulos -

Yllä olevassa kuvassa voit nähdä, että koko taulukko todella siirtyi vasemmalle elementti “Australia” on siirtynyt indeksistä 1 indeksiin 0. Joten tämä toimenpide johtaa taulukon kaikkien elementtien siirtymiseen ja voi olla kallista, kun tiedot ovat todella valtavia, joten niitä on käytettävä asianmukaisen analyysin kanssa ja oikeita koodaustekniikoita on noudatettava.

5. Vaihto ()

Täältä vaaditaan tietojen lisäämistä taulukon etuosaan sen sijaan, että lisätään sen loppuun. Tätä menetelmää kutsutaan unshift () ja tämä lisää myös yleiskuvan siirtämällä taulukon kaikki poistuvat elementit oikealle yhdellä hakemisto yhdellä lisäysoperaatiolla.

Tämä voi myös osoittautua kalliiksi toimenpiteeksi, kun suorituskyvyn on oltava par.

Katsotaan esimerkki kuinka tämä tapahtuu siirtämättä -

Katso hakemisto, jossa äskettäin lisätty elementti 'Kanada' näkyy tilannekuvassa.

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

Tulos -

6. Splice

Tätä menetelmää käytetään elementtien poistamiseen, jotka perustuvat käyttäjän ohjattuun hakemistoon. Näimme siihen mennessä push and pop, shift ja shift, kaikki, jotka käsittelivät viimeistä ja ensimmäistä hakemistoa, jos meidän on tarkoitus tehdä poistooperaatio keskimmäisillä hakemistoilla, sitten Tarvitsemme silmukkamenetelmän ja voimme siirtää elementti-indeksin, joka poistetaan taulukosta.

Otetaan esimerkki, jossa olemme antaneet aloitusindeksin, josta eteenpäin kaikki elementit on poistettava taulukosta.

Olen lisännyt Newzealandin olemassa olevaan taulukkoon ja tehnyt sen koon 4 uudelleen.

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

Tulos -

7. isArray ()

Tämä menetelmä tarkistaa, onko muuttuja tyyppitaulukko vai ei.

Tehdään tämä seuraavasta hetkestä

johtopäätös

Täällä näimme useita menetelmiä tietojen manipuloimiseksi javascriptilla, joka on kätevä, kun kehität pelejä tai verkkosivuja.

Suositellut artikkelit

Tämä on opas Arrays Methods -koodiin JavaScriptillä. Tässä keskustellaan useista menetelmistä, jotka auttavat meitä suorittamaan joitain toimintoja, joita vaaditaan tietojenkäsittelyn ja manipulointien aikana. Saatat myös katsoa seuraavia artikkeleita saadaksesi lisätietoja -

  1. Rakentaja JavaScript
  2. Taulukot JavaScript
  3. Mikä on JavaScript?
  4. Ohittaminen JavaScriptissä
  5. Taulukot PHP: ssä

Luokka:

Ohjelmistokehitys