Array-methoden in JavaScript: alles wat u moet weten over array-methoden



Dit artikel geeft u gedetailleerde informatie over verschillende arraymethoden in JavaScript met relevante programmavoorbeelden.

Efficiëntie is erg belangrijk wanneer men van plan is een oplossing te coderen. Het array-object in bestaat uit verschillende methoden. Deze methoden worden in codes gebruikt voor hun efficiënte werking. Dit artikel gaat in op verschillende array-methoden in JavaScript.

De volgende punten zullen in dit artikel worden bijgewerkt:





Laten we doorgaan met het eerste onderwerp van dit artikel,

Array-methoden in JavaScript

Concat-methode

De methode concat () voegt twee of meer arrays samen en retourneert vervolgens een kopie van de gekoppelde array.



var alphabet = ['r', 's', 't'] var num = [5, 6, 7] var AlphabetNum = alphabet.concat (num) document.write ('AlphabetNum:' + AlphabetNum)

In het gegeven voorbeeld voegt de concat-methode de twee arrays alfabet en num samen en retourneert een nieuwe aaneengeschakelde array: AlphabetNum.

Uitgang:

AlfabetNum: r, s, t, 5,6,7



De volgende is de CopyWithin-methode,

CopyWithin Method

De methode copyWithin () die in JavaScript aanwezig is, wordt gebruikt om een ​​deel van de array naar dezelfde array te kopiëren en deze vervolgens te retourneren.

Syntaxis:

selectie sorteerprogramma in java
array.copyWithin (doel, begin, einde)

Deze methode bestaat uit drie parameters:

  • Doel: de indexpositie waarop het element moet worden gekopieerd. Het is verplicht om het doel te specificeren.
  • Start: de indexpositie waaruit het kopiëren van de elementen begint. Het is optioneel. De standaardwaarde van start is 0.
  • Einde: de indexpositie om het proces van het kopiëren van het element te beëindigen. Ook dit is een optionele parameter en de standaardwaarde is lengte .
var number = ['One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven'] document.write (nummer) document.write (' 
'+ number.copyWithin (3,0,4))

Uitgang:

Een twee drie vier vijf zes zeven

Een, twee, drie, een, twee, drie, vier

Zoals in het voorbeeld wordt getoond, worden de waarden in de array naar dezelfde array gekopieerd. De doelindex is: 3, de startindex is: 0 en de eindindex is: 4.

Het volgende stukje in deze Array-methoden in javascript is,

Elke methode

Deze methode onderzoekt of controleert of alle elementen die aanwezig zijn in de array voldoen aan een gespecificeerde voorwaarde. De syntaxis van de methode is als volgt:

array.every (functie [, This_arg])

Het argument voor deze functie is een andere functie. Het definieert de conditie die moet worden gecontroleerd. Het heeft de volgende argumenten:

  • Array: de array waarop de functie every () wordt aangeroepen. Het is een optioneel argument.
  • Index: Index van het huidige element. Ook dit is optioneel.
  • Element: huidig ​​element dat wordt verwerkt door de functie. Het is verplicht om dit argument te gebruiken.

De this_arg wordt gebruikt om de functie te vertellen die moet worden gebruikt deze waarde. In het volgende voorbeeld controleren we of elk element in de array positief is of niet.

function positive (element, index, array) {return element> 0} function func () {var array = [11, 89, 23, 7, 98] // controleer op positief getal var value = array. elk (positief) document .write (waarde)} func ()

Opgemerkt moet worden dat de functie de waarde retourneert in termen van true of false. Aangezien alle elementen in de array positief zijn, is de uitvoer:

waar

De volgende is de ToString-methode.

ToString-methode

Deze methode zet een getal om in een string. De getallen kunnen worden geconverteerd door ook een basiswaarde op te geven.

var number = 569 document.write ('Output:' + number.toString ())

In het gegeven voorbeeld wordt de methode toString () aangeroepen zonder enige parameter of basiswaarde.

Uitgang:

569

Laten we nu eens kijken naar de join-methode,

Deelnemen aan methode

De methode join () voegt zich bij elk element in de array. Daarnaast kunnen we een scheidingsteken specificeren om de elementen te scheiden.

var a = new Array ('I', 'Love', 'Music') var string = a.join () document.write ('string:' + string) var string = a.join ('*') document. schrijven(' 
string: '+ string) var string = a.join (' + ') document.write ('
string: '+ string)

In het gegeven voorbeeld bevat de eerste methode van samenvoegen geen scheidingsteken, dus wordt een standaardscheidingsteken gebruikt. In de andere twee methoden zijn '*' en '+' gespecificeerde operatoren.

Uitgang:

string: I, Love, Music

string: I * Love * Music

string: I + Love + Music

Het volgende in dit artikel over array-methoden op javascript is,

Pop en push-methode

De pop () - methode verwijdert het element van het einde van een array, net als bij een stapel. De methode push () voegt daarentegen een element toe aan het einde van een array.

De methoden implementeren het concept van LIFO (Last-In-First-Out).

['Rock', 'Metal', 'Blues', 'Jazz'] list.pop () ['Rock', 'Metal', 'Blues']

De code verwijdert het laatste element in de array, namelijk 'Jazz'.

De methode push () voegt het element weer toe aan de array.

['Rock', 'Metal', 'Blues'] list.push ('Jazz') ['Rock', 'Metal', 'Blues', 'Jazz']

Laten we verder gaan,

Shift en Unshift-methode

De methode shift () verwijdert het element vanaf het begin van een array. De methode unshift () voegt het element daarentegen weer toe aan het begin van de array.

['Rock', 'Metal', 'Blues', 'Jazz'] list.shift () ['Metal', 'Blues', 'Jazz']

De code verwijdert het eerste element, d.w.z. Rock, uit de array.

Bij gebruik van de unshift () methode, zal 'Rock' weer aan de array worden toegevoegd.

['Rock', 'Metal', 'Blues', 'Jazz'] list.unshift ('Rock') ['Rock', 'Metal', 'Blues', 'Jazz']

We zijn in de laatste stukjes van deze array-methoden in javascript blog,

Splice-methode

De methode splice () verwijdert een bepaald of een selectief deel van de array. Het blijkt een vindingrijke methode te zijn voor het verwijderen, vervangen of toevoegen van elementen aan de array.

['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (2, 1) // Verwijder vanaf indexpositie 2 één element ['Rock', 'Metal', 'Jazz'] lijst .splice (2,2) // Verwijder vanaf indexpositie 2 twee elementen ['Rock', 'Metal']

In het bovenstaande voorbeeld verwijdert de slice-methode de elementen volgens de gespecificeerde index.

'Blues' is verwijderd uit het eerste voorbeeld omdat het op index 2 is geplaatst.

In het tweede voorbeeld worden twee elementen, namelijk 'Blues' en 'Jazz' verwijderd, aangezien de index specificeert dat 2 elementen verwijderd moeten worden, beginnend bij index 2.

Opgemerkt moet worden dat arrays nul-geïndexeerd zijn in JavaScript.

Plak methode

De methode slice () snijdt een element uit de oorspronkelijke array en retourneert een nieuwe array die dat element bevat. Opgemerkt moet worden dat de methode slice () geen enkel element uit de initiële array verwijdert.

var array = ['Rock', 'Pop', 'Jazz', 'Blues', 'Metal'] document.write ('array.slice (1, 2):' + array.slice (1, 2)) document .schrijven(' 
array.slice (1, 3): '+ array.slice (1, 3))

De output van de volgende code is als volgt:

array.slice (1, 2): Pop

array.slice (1, 3): Pop, Jazz

De laatste methode in deze arraymethode in javascript is,

Voor elke methode

Deze methode roept de functie aan voor elk element dat aanwezig is in de array.

function funct () {// Initiële array const items = [2, 18, 28] const copy = [] items.forEach (functie (item) {copy.push (item * item)}) document.write (kopie)} funct ()

In het voorbeeld berekenen we het kwadraat van elk element in de array.

De output is als volgt:

4.324.784

Hiermee zijn we aan het einde gekomen van deze blog over ‘Array Method In JavaScript’. Ik hoop dat je dit informatief en nuttig vond, blijf op de hoogte voor meer tutorials over vergelijkbare onderwerpen. Je kunt ook ons ​​trainingsprogramma bekijken.o diepgaande kennis opdoen over jQuery samen met zijn verschillende toepassingen, dat kan voor live online training met 24/7 ondersteuning en levenslange toegang.

Heeft u een vraag voor ons? Noem ze in het commentaargedeelte van deze blog en we nemen zo snel mogelijk contact met je op.