of webprogrammering bracht dynamische webapplicaties voort. Met de opkomst van internet is JavaScript een van de belangrijkste talen in de wereld van vandaag.Deze JavaScript-matrix artikelneemt je mee naar de diepten van arraymethoden in JavaScript in de volgende volgorde:
- Inleiding tot JavaScript
- Fundamentals of JavaScript
- JavaScript-matrix
- Verschil tussen matrix en objecten
- JavaScript-matrixmethoden
Inleiding tot JavaScript
is een geïnterpreteerde programmeertaal van hoog niveau die wordt gebruikt om webpagina's interactiever te maken. Het is een zeer krachtige scripttaal aan de clientzijde die uw webpagina levendiger en interactiever maakt.
Het is een programmeertaal die u helpt om een complex en mooi ontwerp op webpagina's te implementeren. Als u wilt dat uw webpagina er levend uitziet en veel meer doet dan alleen maar naar u gapen, is JavaScript een must.
Fundamentals of JavaScript
Als u nieuw bent in de taal, moet u enkele van de grondbeginselen van JavaScript dat zal u helpen bij het schrijven van uw code. De basis omvat:
U kunt de om dieper in te gaan op deze basisconcepten en grondbeginselen van JavaScript. In dit JavaScript Array-artikel zullen we ons concentreren op de verschillende arraymethoden die worden gebruikt om een lijst met items te definiëren.
JavaScript-matrix
Een array is een data structuur die een lijst met elementen bevat waarin meerdere waarden onder een enkele variabele worden opgeslagen.
Om een array in JavaScript te declareren, gebruikt u de ‘ laat ’Zoekwoord tussen vierkante haken en plaats alle elementen erin. De syntaxis is als volgt:
let ListItems = [] ListItems = ['schoenen', 'kijken', 'tas']
U kunt het ook aangeven als:
let ListItems = ['schoenen', 'kijken', 'tas']
Verschil tussen matrix en objecten
JavaScript-variabelen kunnen objecten zijn. Arrays worden beschouwd als speciale soorten objecten. Hierdoor kunt u variabelen van verschillende typen in dezelfde array hebben.
myArray [0] = Date.now myArray [1] = myFunction myArray [2] = myItems
In JavaScript, arrays gebruik genummerde indexen . Terwijl, voorwerpen worden gebruikt als benoemde indexen .
JavaScript-matrixmethoden
Het doel van het gebruik van een array is op te slaan meerdere waarden in een enkele entiteit van een gedeclareerde variabele. Arrays worden gebruikt wanneer we elementen op een geordende manier willen benaderen met behulp van een enkele variabele. Men kan strings, boolean en getallen in een enkele array opslaan.
wat is apache spark vs hadoop
Er zijn verschillende JavaScript-array-methoden om verschillende taken uit te voeren, zoals:
Duwen() - Het is gemakkelijk om elementen te verwijderen en nieuwe elementen toe te voegen tijdens het werken met arrays. De push () methode voegt toe naar nieuw element naar de einde van een array. De geretourneerde waarde is de nieuwe array-lengte.
Voorbeeld:
let listItems = ['tas', 'schoenen', 'jurk'] console.log (listItems.push ('kijken'))Uitgang:
4
Push () retourneert niet de waarde die aan de array is toegevoegd. Het retourneert alleen de nieuwe lengte van de array.
pop ()- De pop () methode wordt gebruikt om verwijderen de laatste element uit een array. Het retourneert de waarde die is uitgeklapt.
Voorbeeld:
let listItems = ['tas', 'schoenen', 'jurk'] console.log (listItems.pop ())
Uitgang:
jurk
Pop () retourneert de waarde die is verwijderd en niet de array-lengte zoals Push ().
verschuiving() - Shifting is vergelijkbaar met popping, werken aan het eerste element in plaats van aan het laatste. De methode shift () wordt gebruikt om verwijderen de eerste array-element en verschuift alle andere elementen naar een lagere index. Het zal u de string teruggeven die is verschoven.
Voorbeeld:
let listItems = ['tas', 'schoenen', 'jurk'] console.log (listItems.shift ())
Uitgang:
zak
Shift () werkt hetzelfde als pop () maar retourneert het eerste element van de array in plaats van het laatste.
onverschuiving () - De methode voegt toe een nieuw element op de begin van een array en verschuift oudere elementen. Het is vergelijkbaar met Push () en retourneert de nieuwe array-lengte.
Voorbeeld:
let listItems = ['tas', 'schoenen', 'jurk', 'kijken'] console.log (listItems.unshift ('telefoon'))Uitgang:
5
Unshift () zal het nieuwe element aan de array toevoegen en de lengte van de nieuwe array teruggeven.
concat () - De methode concat () maakt een nieuwe array aan door aaneenschakeling of het samenvoegen van bestaande arrays. Hetwijzigt de bestaande array niet en retourneert altijd een nieuwe array.
Voorbeeld:
let arr1 = ['rood', 'blauw', 'groen'] laat arr2 = ['kleuren', 'spraypaint', 'brush'] laat newArr = arr1.concat (arr2) console.log (newArr)
Uitgang:
toString () - De toString () methode wordt gebruikt om converteren een array naar een draad van matrixwaarden, gescheiden door komma's.
Voorbeeld:
let colours = ['rood', 'blauw', 'groen'] console.log (colors.toString ())
Uitgang:
rood, blauw, groen
toetreden () - De methode join () werkt hetzelfde als toString (). Het is gewend toetreden alle array-elementen in een draad , maar daarnaast kunt u de scheidingsteken .
Voorbeeld:
let colours = ['rood', 'blauw', 'groen'] console.log (colors.join ('+'))Uitgang:
rood + blauw + groen
omgekeerde() - De reverse () methode wordt gebruikt om omgekeerde de bestellen van de elementen in een array. Het zal de originele array veranderen en de volgorde van de elementen omwisselen.
Voorbeeld:
let fruits = ['mango', 'appel', 'druiven'] console.log (fruits.reverse ())
Uitgang:
soort() - De methode sort () wordt gebruikt om soort een array alfabetisch . Deze functie sorteert de waarden standaard als tekenreeks.
Voorbeeld:
let fruits = ['mango', 'appel', 'druiven'] console.log (fruits.sort ())
Uitgang:
plak() - De slice () methode wordt gebruikt om plak een stuk van een array uit in een nieuwe array. Het maakt een nieuwe array aan zonder elementen uit de source-array te verwijderen. Het retourneert de waarde die uit de array is verwijderd.
Voorbeeld:
let colours = ['rood', 'blauw', 'groen', 'geel', 'oranje'] console.log (colors.slice (1,3))
Uitgang:
Dit waren enkele van de meest gebruikte JavaScript-array-methoden. Hiermee zijn we aan het einde van ons artikel gekomen. Ik hoop dat je hebt begrepen hoe array-methoden in JavaScript worden gebruikt.
Nu u meer weet over JavaScript-array-methoden, kunt u het door Edureka. Web Development Certification Training helpt u te leren hoe u indrukwekkende websites kunt maken met HTML5, CSS3, Twitter Bootstrap 3, jQuery en Google API's en deze kunt implementeren op Amazon Simple Storage Service (S3).
Heeft u een vraag voor ons? Vermeld het in het commentaargedeelte van 'JavaScript Array' en we nemen contact met u op.