Introduktion til Arrays-metoder i JavaScript
Javascript tilbyder matriser til opbevaring af data som heltal, streng og brugerdefinerede objekter. Anvendelsesscenariet ligner begrebet arrays, som vi finder på andre sprog. I dette emne skal vi lære om Arrays Methods i JavaScript.
Javascript er front-end sprog, der tilføjer en dynamisk opførsel til en webside, disse arrays bruges til at opbevare data, der skal gengives på websiden, ligesom du har en liste over bøger med deres navn, forfatternavn, udgivelsesdato og omkostninger, så dette alle kan placeres i et objekt, og sådanne flere objekter, der genereres i mellemtiden, kan gemmes i disse arrays, som enten kan overføres til controller til behandling eller på samme måde som controller kan sende det til visningen til gengivelse.
Array-erklæring i Javascript udføres på denne måde
var arr = new Array();
eller
var arr=();
eller
var arr = (1, 2, 3, 4);
Her kan du se en ting, som vi gav heltalværdier til matrixen og markerede det som af typen var, i Javascript gemmes alle elementer kun med type var, og hvis de skal behandles og heltal eller på anden måde datatyper, som du ser de ser ud som, og derefter skal parsning i den type udføres under brug af data fra matrix.
Metoder til arrays i Javascript
Til behandling af array-data har vi flere tilgængelige metoder, de vil hjælpe os med at udføre nogle operationer, der er nødvendige under databehandling og manipulation.
1. Foreach
Denne metode bruges til at sløjfe over array-dataene, og vi kan få hvert enkelt element gengivet på det ønskede stedholder på websiden.
var country = ('India', 'Australia', 'South Africa');
vi itererer fra indeks 0 til længde-1, hvor længde er størrelsen på matrixen, som er 3 her.
Lad os nu gentage dem ved hjælp af forEach-metoden -
Eksempel
var country = ('India', 'Australia', 'South Africa');
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Output -
2. Skub
Hver gang du har en eksisterende matrix, og i mellemtiden udfører du en eller anden beregning, hvor den array sandsynligvis modtager en dataværdi, der skal føjes til den. I dette tilfælde skal push-funktion bruges.
Lad os tilføje et land til den ovenfor definerede liste, og vi gentager det igen denne gang, og også den ændrede længde vises også.
Husk, at push udføres ved det sidste indeks, der er tilgængeligt i matrixen.
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);
) );
Output -
3. Pop
Vi kan også have et krav, hvor vi har brug for at slette dataelementerne fra arrayen, pop bruges til at slette elementet fra slutningen af array, dvs. det sidste element i arrayet vil blive slettet og så videre.
Lad os tage et eksempel for at 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')
Output -
4. Skift ()
Du har muligvis et krav, hvor du har brug for at tage elementet ud foran array, så du kan ikke bruge pop til det, da det først vil slette alle dine data og derefter får dig til at nå dit første element, for dette har vi skift () -metode, dette vil direkte fjerne element fra begyndelsen af matrixen.
Lad os se et eksempel nedenfor for dette -
Her kører vi forEach-loopen for at vise, hvilket element der er blevet 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);
) );
Output -
På ovenstående billede kan du se, at hele arrayet faktisk blev flyttet til venstre for elementet "Australien" er flyttet fra indeks 1 til indeks 0. Så denne operation fører til forskydning af alle elementerne i arrayen og kan være dyr, når data er virkelig enorme, så dette skal bruges med korrekt analyse og højre kodningsteknikker skal følges.
5. Skift ()
Her er kravet at tilføje dataene på fronten af arrayet, snarere end at tilføje til slutningen af det, denne metode kaldes unshift (), og dette vil også tilføje en overhead for at flytte alle de spændende elementer i arrayet til højre ved en indeks i en indsættelse.
Dette kan også vise sig at være en kostbar operation, når ydeevnen skal være på niveau.
Lad os se et eksempel på, hvordan man gør dette uskift -
Se indekset, hvor det nyligt tilføjede element 'Canada' vises i snapshot.
//add Canada
country.unshift('Canada');
//print elements
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Output -
6. Splejsning
Denne metode bruges til at fjerne elementerne, der er baseret på et indeks, der er bestået af brugeren. Vi indtil videre så push and pop, shift og unshift, dem alle blev behandlet med sidst og første indeks, hvis vi skulle fjerne operationen med midt indekser, vi har brug for splejsemetode, og vi kan videregive elementindekset, der skal fjernes fra matrix.
Lad os tage et eksempel, hvor vi har givet et startindeks, hvorfra alle elementer skal fjernes fra arrayet.
Jeg har tilføjet Newzealand til det eksisterende array og gjort dets størrelse 4 igen.
//the following statement will target index 2 and 3 to be removed.
country.splice(2), /code>
Output -
7. isArray ()
Denne metode kontrollerer, om en variabel er af typen array eller ej.
Lad os gøre dette fra følgende snapshot
Konklusion
Her så vi flere metoder til datamanipulation med javascript, som kommer godt med, når du udvikler spil eller udvikler websider.
Anbefalede artikler
Dette er en guide til Arrays-metoder i JavaScript. Her diskuterer vi flere metoder, der kan hjælpe os med at udføre nogle operationer, der er nødvendige under databehandling og manipulation. Du kan også se på de følgende artikler for at lære mere -
- Konstruktør i JavaScript
- Arrays i JavaScript
- Hvad er JavaScript?
- Overskydende i JavaScript
- Arrays i PHP