Introduksjon til Arrays Methods i JavaScript
Javascript tilbyr matriser for å inneholde data som heltall, streng og brukerdefinerte objekter. Bruksscenariet ligner på begrepet matriser vi finner på andre språk. I dette emnet skal vi lære om Arrays Methods i JavaScript.
Javascript er frontspråk som gir dynamisk oppførsel til en webside. Disse arrayene brukes til å holde data som skal gjengis på websiden, som om du har en liste over bøker med navn, forfatternavn, publiseringsdato og kostnad, så dette alle kan plasseres i et objekt, og slike flere objekter generert i mellomtiden kan lagres i disse matriser som enten kan sendes til kontrolleren for behandling eller på samme måte som kontrolleren kan sende det til visningen for gjengivelse.
Arrayerklæring i Javascript gjøres slik
var arr = new Array();
eller
var arr=();
eller
var arr = (1, 2, 3, 4);
Her kan du se en ting som vi ga heltallverdier til matrisen og markerte den som av type var, i Javascript blir alle elementene lagret med type var bare og hvis de skal behandles og heltall eller på annen måte datatyper som du ser de ser ut som, så må analysering i den typen gjøres under bruk av data fra matrisen.
Methods of Arrays i Javascript
For behandling av matrisedata har vi flere metoder tilgjengelig, de vil hjelpe oss med å utføre noen operasjoner som er nødvendige under databehandling og manipulering.
1. Foreach
Denne metoden brukes til å sløyfe over matrisedataene, og vi kan få hvert enkelt element gjengitt på ønsket stedholder på websiden.
var country = ('India', 'Australia', 'South Africa');
vi itererer fra indeks 0 til lengde-1, der lengde er størrelsen på matrisen, som er 3 her.
La oss iterere over dem ved å bruke forEach-metoden -
Eksempel
var country = ('India', 'Australia', 'South Africa');
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Utgang -
2. Trykk
Hver gang du har en eksisterende matrise, og i mellomtiden, utfører du noen beregninger der den arrayen sannsynligvis vil motta en viss dataverdi som skal legges til den. I så fall skal trykkfunksjon brukes.
La oss legge til et land i den ovenfor definerte listen, og vi vil gjenta det over denne gangen, og også den endrede lengden vises.
Husk at push blir gjort ved den siste indeksen som er tilgjengelig i matrisen.
Eksempel
// 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);
) );
Utgang -
3. Pop
Vi kan også ha et krav der vi trenger å slette dataelementene fra matrisen, pop brukes til å slette elementet fra slutten av matrisen, dvs. det siste elementet i matrisen vil bli slettet og så videre.
La oss ta et eksempel for å se det samme -
// 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')
Utgang -
4. Skift ()
Du kan ha et krav der du trenger å ta ut elementet foran array, slik at du ikke kan bruke pop til det, da det først vil slette alle dataene dine og deretter få deg til å nå ditt første element, for dette har vi skift () -metoden, vil dette fjerne element direkte fra begynnelsen av matrisen.
La oss se et eksempel nedenfor for dette -
Her vil vi kjøre forEach-sløyfen for å vise hvilket element som er blitt slettet.
// 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);
) );
Utgang -
På bildet over kan du se at hele arrayen faktisk ble forskjøvet til venstre for elementet “Australia” har flyttet fra indeks 1 til indeks 0. Så denne operasjonen fører til forskyvning av alle elementene i arrayen og kan være dyrt når dataene er veldig store, så dette skal brukes med riktig analyse og riktig kodingsteknikk skal følges.
5. Skift ut ()
Her er kravet å legge til dataene foran på matrisen, i stedet for å legge til slutten av den, denne metoden kalles unshift (), og dette vil også legge til en overhead av å flytte alle de spennende elementene i matrisen til høyre ved en indeks i en innsettingsoperasjon.
Dette kan også vise seg å være en kostbar operasjon når ytelsen skal være på nivå.
La oss se et eksempel på hvordan du gjør dette uskiftet -
Se indeksen der det nylig tilførte elementet 'Canada' vises i øyeblikksbildet.
//add Canada
country.unshift('Canada');
//print elements
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Utgang -
6. skjøt
Denne metoden brukes til å fjerne elementene basert på en indeks som er gitt av brukeren. Vi har ennå ikke sett push and pop, shift og unshift, de som alle har å gjøre med siste og første indekser, hvis vi skal fjerne operasjonen med midtindekser, vi trenger spleisemetode og vi kan passere elementindeksen som skal fjernes fra matrisen.
La oss ta et eksempel der vi har gitt en startindeks derfra og videre må alle elementer fjernes fra matrisen.
Jeg har lagt Newz Zealand inn i den eksisterende gruppen og laget størrelse 4 igjen.
//the following statement will target index 2 and 3 to be removed.
country.splice(2), /code>
Utgang -
7. isArray ()
Denne metoden sjekker om en variabel er av typen array eller ikke.
La oss gjøre dette fra følgende øyeblikksbilde
Konklusjon
Her så vi flere metoder for datamanipulering med javascript, som kommer godt med når du utvikler spill eller utvikler websider.
Anbefalte artikler
Dette er en guide til Arrays Methods i JavaScript. Her diskuterer vi flere metoder som vil hjelpe oss å utføre noen operasjoner som er nødvendige under databehandling og manipulering. Du kan også se på følgende artikler for å lære mer -
- Konstruktør i JavaScript
- Arrays i JavaScript
- Hva er JavaScript?
- Overstyrer i JavaScript
- Arrays i PHP