Introduktion till Arrays-metoder i JavaScript
Javascript erbjuder matriser för att hålla data som heltal, sträng och användardefinierade objekt. Användningsfallsscenariot liknar begreppet matriser som vi hittar på andra språk. I det här ämnet kommer vi att lära oss om Arrays Methods i JavaScript.
Javascript är ett front-end-språk som lägger till ett dynamiskt beteende på en webbsida. Dessa matriser används för att hålla data som ska visas på webbsidan, som om du har en lista över böcker med deras namn, författarnamn, publiceringsdatum och kostnad, så detta alla kan placeras i ett objekt och sådana flera objekt som genereras under tiden kan lagras i dessa arrayer som antingen kan skickas till styrenheten för behandling eller på samma sätt som controller kan skicka det till vyn för rendering.
Arraydeklaration i Javascript görs så här
var arr = new Array();
eller
var arr=();
eller
var arr = (1, 2, 3, 4);
Här kan du se en sak som vi gav heltal till matrisen och markerade den som av typ var, i Javascript lagras alla element med typ var bara och om de ska behandlas och heltal eller på annat sätt datatyper som du ser de verkar som, sedan måste analysera i den typen göras under användning av data från array.
Metoder för matriser i Javascript
För bearbetning av matrisdata har vi flera metoder tillgängliga, de hjälper oss att utföra vissa åtgärder som krävs under databehandling och manipulation.
1. Foreach
Den här metoden används för att slinga över matrisdata och vi kan få varje enskilt element återges till önskad platshållare på webbsidan.
var country = ('India', 'Australia', 'South Africa');
vi kommer att iterera från index 0 till längd-1, där längd är storleken på matrisen, som är 3 här.
Låt oss nu upprepa dem med hjälp av forEach-metoden -
Exempel
var country = ('India', 'Australia', 'South Africa');
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Utgång -
2. Tryck
När du har en befintlig matris och under tiden utför du någon beräkning där den arrayen troligtvis kommer att få något datavärde som ska läggas till. I så fall ska push-funktion användas.
Låt oss lägga till ett land i den ovan definierade listan och vi kommer att upprepa om det den här gången och även den ändrade längden visas också.
Kom ihåg att push kommer att göras vid det sista index som finns tillgängligt i matrisen.
Exempel
// 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);
) );
Utgång -
3. Pop
Vi kan också ha ett krav där vi måste ta bort dataelementen från matrisen, pop används för att ta bort elementet från slutet av arrayen, dvs det sista elementet i arrayen kommer att raderas och så vidare.
Låt oss ta ett exempel för att se detsamma -
// 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')
Utgång -
4. Skift ()
Du kanske har ett krav där du behöver ta ut elementet framifrån array, så du kan inte använda pop för det eftersom det kommer att ta bort alla dina data först och sedan får dig att nå ditt första element, för detta har vi skift () -metod, detta kommer direkt att ta bort element från början av arrayen.
Låt oss se ett exempel nedan för detta -
Här kör vi forEach-slingan för att visa vilket element som har raderats.
// 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);
) );
Utgång -
På bilden ovan kan du se att hela matrisen faktiskt har flyttats till vänster elementet "Australien" har flyttat från index 1 till index 0. Så den här operationen leder till att alla element i arrayen flyttas och kan vara dyra när data är verkligen enorma, så detta ska användas med korrekt analys och rätt kodningstekniker ska följas.
5. Skift ()
Här är kravet att lägga till data på framsidan av arrayen, snarare än att lägga till i slutet av den, denna metod kallas unshift () och detta kommer också att lägga till en overhead för att flytta alla de spännande elementen i matrisen till höger för en index i en insättningsoperation.
Detta kan också visa sig vara en kostsam operation när prestanda ska vara i nivå.
Låt oss se ett exempel på hur man gör detta skiftande -
Se indexet där det nyligen tillagda elementet "Kanada" visas i ögonblicksbilden.
//add Canada
country.unshift('Canada');
//print elements
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Utgång -
6. Skarv
Den här metoden används för att ta bort elementen baserade på vissa index som passeras av användaren, vi hittills såg push och pop, shift och unshift, de som alla har att göra med sista och första index, om vi är tänkta att ta bort operation med mittindex då vi behöver skarvmetod och vi kan passera elementindex som ska tas bort från matrisen.
Låt oss ta ett exempel där vi har gett ett startindex varifrån och framåt alla element måste tas bort från matrisen.
Jag har lagt till Newz Zealand i den befintliga matrisen och gjort sin storlek 4 igen.
//the following statement will target index 2 and 3 to be removed.
country.splice(2), /code>
Utgång -
7. isArray ()
Den här metoden kontrollerar om en variabel är av typen array eller inte.
Låt oss göra detta från följande ögonblicksbild
Slutsats
Här såg vi flera metoder för datamanipulation med javascript, vilket är praktiskt när du utvecklar spel eller utvecklar webbsidor.
Rekommenderade artiklar
Detta är en guide till Arrays Methods i JavaScript. Här diskuterar vi flera metoder som hjälper oss att utföra vissa operationer som krävs under databehandling och manipulation. Du kan också titta på följande artiklar för att lära dig mer -
- Konstruktör i JavaScript
- Matriser i JavaScript
- Vad är JavaScript?
- Överbryter i JavaScript
- Arrays i PHP