Inleiding tot arraysmethoden in JavaScript
Javascript biedt arrays voor het opslaan van gegevens zoals gehele getallen, tekenreeksen en door de gebruiker gedefinieerde objecten. Het use case-scenario is vergelijkbaar met het concept van arrays die we in andere talen vinden. In dit onderwerp gaan we meer te weten komen over Arrays-methoden in JavaScript.
Javascript is front-end taal die dynamisch gedrag toevoegt aan een webpagina, deze arrays worden gebruikt om gegevens te bewaren die op de webpagina moeten worden weergegeven, alsof u een lijst met boeken hebt met hun naam, auteursnaam, publicatiedatum en kosten, dus dit alles kan in een object worden geplaatst en dergelijke ondertussen gegenereerde meerdere objecten kunnen worden opgeslagen in deze arrays die ofwel kunnen worden doorgegeven aan de controller voor verwerking of op dezelfde manier waarop controller die naar de weergave kan sturen voor weergave.
Array-aangifte in Javascript gebeurt als volgt
var arr = new Array();
of
var arr=();
of
var arr = (1, 2, 3, 4);
Hier ziet u een ding dat we integer-waarden aan de array hebben gegeven en gemarkeerd als van type var, in Javascript worden alle elementen alleen met type var opgeslagen en als ze moeten worden behandeld en gehele getallen of anderszins gegevenstypen die u ziet ze lijken op, dan moet parseren in dat type worden gedaan tijdens het gebruik van gegevens uit de array.
Methoden van arrays in Javascript
Voor de verwerking van array-gegevens hebben we meerdere methoden beschikbaar, deze zullen ons helpen enkele bewerkingen uit te voeren die nodig zijn tijdens gegevensverwerking en -manipulaties.
1. Foreach
Deze methode wordt gebruikt om de matrixgegevens door te lussen en we kunnen elk afzonderlijk element weergeven op de gewenste tijdelijke aanduiding op de webpagina.
var country = ('India', 'Australia', 'South Africa');
we zullen itereren van index 0 tot lengte-1, waarbij lengte de grootte van de array is, die hier 3 is.
Laten we ze nu herhalen met behulp van de methode forEach -
Voorbeeld
var country = ('India', 'Australia', 'South Africa');
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Uitgang -
2. Druk op
Wanneer u een bestaande array hebt en in de tussentijd een berekening uitvoert waarbij die array waarschijnlijk een gegevenswaarde ontvangt die eraan moet worden toegevoegd. In dat geval moet de push-functie worden gebruikt.
Laten we een land toevoegen aan de hierboven gedefinieerde lijst en we zullen dit deze keer herhalen en ook de gewijzigde lengte zal ook worden weergegeven.
Vergeet niet dat push zal worden gedaan bij de laatst beschikbare index in de array.
Voorbeeld
// 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);
) );
Uitgang -
3. Pop
We kunnen ook een vereiste hebben wanneer we de gegevenselementen uit de array moeten verwijderen, pop wordt gebruikt om het element aan het einde van de array te verwijderen, dwz het laatste element van de array wordt verwijderd, enzovoort.
Laten we een voorbeeld nemen om hetzelfde te zien -
// 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')
Uitgang -
4. Shift ()
Mogelijk heb je een vereiste waarbij je het element uit de voorkant van de array moet halen, dus je kunt daarvoor geen pop gebruiken, omdat het eerst al je gegevens verwijdert en dan je eerste element bereikt, hiervoor hebben we shift () methode, hiermee wordt het element direct uit het begin van de array verwijderd.
Laten we hieronder een voorbeeld bekijken -
Hier zullen we de forEach-lus uitvoeren om te laten zien welk element is verwijderd.
// 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);
) );
Uitgang -
In de bovenstaande afbeelding ziet u dat de hele array daadwerkelijk is verschoven naar links, het element "Australia" is van index 1 naar index 0 verplaatst. Deze bewerking leidt dus tot het verschuiven van alle elementen van de array en kan duur zijn als de gegevens zijn echt enorm, dus dit zal worden gebruikt met de juiste analyse en juiste coderingstechnieken moeten worden gevolgd.
5. Uitschakelen ()
Hier is de vereiste om de gegevens toe te voegen aan de voorkant van de array, in plaats van toe te voegen aan het einde ervan, wordt deze methode unshift () genoemd en dit zal ook een overhead toevoegen van het één voor één naar rechts verplaatsen van alle bestaande elementen van de array index in één invoegbewerking.
Dit kan ook een dure operatie blijken te zijn als de prestaties op peil zijn.
Laten we een voorbeeld bekijken over hoe dit unshifting te doen -
Zie de index waar het nieuw toegevoegde element 'Canada' in de momentopname verschijnt.
//add Canada
country.unshift('Canada');
//print elements
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Uitgang -
6. Las
Deze methode wordt gebruikt om de elementen te verwijderen op basis van een index die door de gebruiker is doorgegeven, we hebben tot nu toe push en pop, shift en unshift gezien, die allemaal te maken hebben met de laatste en eerste indexen, als we verondersteld worden om de bewerking met middelste indexen te verwijderen we hebben de splice-methode nodig en we kunnen de elementindex doorgeven die moet worden verwijderd uit de array.
Laten we een voorbeeld nemen waar we een startindex hebben gegeven van waaruit alle elementen uit de array moeten worden verwijderd.
Ik heb Nieuw Zeeland toegevoegd aan de bestaande reeks en heb weer maat 4 gemaakt.
//the following statement will target index 2 and 3 to be removed.
country.splice(2), /code>
Uitgang -
7. isArray ()
Deze methode controleert of een variabele van het type array is of niet.
Laten we dit doen vanuit de volgende momentopname
Conclusie
Hier zagen we meerdere methoden voor gegevensmanipulatie met javascript, wat handig is wanneer u games ontwikkelt of webpagina's ontwikkelt.
Aanbevolen artikelen
Dit is een gids voor Arrays-methoden in JavaScript. Hier bespreken we meerdere methoden die ons zullen helpen enkele bewerkingen uit te voeren die nodig zijn tijdens gegevensverwerking en -manipulaties. U kunt ook de volgende artikelen bekijken voor meer informatie -
- Constructor in JavaScript
- Arrays in JavaScript
- Wat is JavaScript?
- Overschrijven in JavaScript
- Arrays in PHP