Arraymetoder i JavaScript: Allt du behöver veta om Array-metoder



Den här artikeln ger dig detaljerad information om olika matrismetoder i JavaScript med relevanta programexempel.

Effektivitet är mycket viktigt när man planerar att koda en lösning. Matrisobjektet i består av olika metoder. Dessa metoder används i koder för effektiv körning. Denna artikel kommer att fokusera på olika matrismetoder i JavaScript.

Följande tips kommer att tas upp i den här artikeln:





Låt oss fortsätta med det första ämnet i den här artikeln,

Arraymetoder i JavaScript

Concat-metod

Concat () -metoden sammanfogar två eller fler matriser och returnerar sedan en kopia av den sammanfogade matrisen.



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

I det givna exemplet sammanfogar concat-metoden de två matriserna alfabetet och num och returnerar en ny sammanhängande matris: AlphabetNum.

Produktion:

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



Nästa är CopyWithin-metoden,

CopyWithin Method

Metoden copyWithin () som finns i JavaScript används för att kopiera en del av matrisen till samma matris och sedan returnera den.

Syntax:

array.copyWithin (mål, start, slut)

Denna metod består av tre parametrar:

  • Mål: Indexpositionen där elementet ska kopieras. Det är obligatoriskt att ange mål.
  • Start: Indexpositionen för att börja kopiera elementen från. Det är valfritt. Standardvärdet för start är 0.
  • Slut: Indexpositionen för att avsluta processen för att kopiera elementet. Även detta är en valfri parameter och standardvärdet är längd .
var number = ['One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven'] document.write (number) document.write (' 
'+ number.copyWithin (3,0,4))

Produktion:

Ett, två, tre, fyra, fem, sex, sju

En, två, tre, en, två, tre, fyra

Som visas i exemplet kopieras värdena i matrisen till samma matris. Målindexet är: 3, startindexet är: 0 och slutindexet är: 4.

Nästa bit i denna Array-metod i javascript är,

Varje metod

Denna metod undersöker eller kontrollerar om alla element som finns i matrisen uppfyller ett angivet villkor. Syntaxen för metoden är som följer:

array.every (funktion [, This_arg])

Argumentet för denna funktion är en annan funktion. Den definierar villkoret som måste kontrolleras. Den har följande argument:

vad används vårramen för
  • Array: Matrisen där varje () -funktion anropas. Det är ett valfritt argument.
  • Index: Index för det aktuella elementet. Även detta är valfritt.
  • Element: Aktuellt element som bearbetas av funktionen. Det är obligatoriskt att använda detta argument.

This_arg används för att berätta för funktionen att använda detta värde. I följande exempel kontrollerar vi om varje element i matrisen är positivt eller inte.

funktionspositiv (element, index, matris) {returelement> 0} funktionsfunktion () {var array = [11, 89, 23, 7, 98] // kontrollera om positivt antal var värde = array.every (positive) dokument .write (värde)} funk ()

Det måste noteras att funktionen returnerar värdet i termer av true eller false. Eftersom alla element som finns i matrisen är positiva kommer resultatet att vara:

Sann

Nästa är ToString-metoden.

ToString-metod

Denna metod omvandlar ett tal till en sträng. Siffrorna kan konverteras genom att också ange ett basvärde.

installera php på Windows 10
var number = 569 document.write ('Output:' + number.toString ())

I det givna exemplet anropas toString () -metoden utan någon parameter eller ett basvärde.

Produktion:

569

Låt oss nu titta på föreningsmetoden,

Gå med i metoden

Metoden join () sammanfogar varje element som finns i arrayen. Dessutom kan vi ange en separator för att separera elementen.

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

I det tillhandahållna exemplet innehåller den första föreningsmetoden ingen separator, och därför används en standardavgränsare. I de andra två metoderna är '*' och '+' angivna operatorer.

Produktion:

sträng: Jag, Kärlek, Musik

sträng: I * Love * Music

sträng: I + Love + Music

Nästa i den här artikeln om matrismetoder på javascript är,

Pop och push-metod

Metoden pop () tar bort elementet från slutet av en array, ungefär som en stack. Push () -metoden lägger däremot till ett element i slutet av en matris.

Metoderna implementerar begreppet LIFO (Last-in-First-Out).

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

Koden tar bort det sista elementet i matrisen, dvs 'Jazz'.

Push () -metoden lägger tillbaka elementet i arrayen.

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

Låt oss gå vidare,

Skift- och urskiftningsmetod

Metoden shift () tar bort elementet från början av en matris. Metoden unshift () å andra sidan lägger till elementet tillbaka till matrisens början.

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

Koden tar bort det första elementet, dvs Rock från arrayen.

När du använder metoden unshift () läggs 'Rock' till i arrayen.

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

Vi är i de sista bitarna av denna arraymetoder i javascript-bloggen,

Skarvmetod

Metoden splice () tar bort en viss eller en selektiv del av matrisen. Det visar sig vara en resursfull metod för att ta bort, ersätta eller lägga till element i matrisen.

['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (2, 1) // Börja på indexposition 2, ta bort ett element ['Rock', 'Metal', 'Jazz'] lista .splice (2,2) // Börja vid indexposition 2, ta bort två element ['Rock', 'Metal']

I exemplet ovan tar skivmetoden bort elementen enligt det angivna indexet.

'Blues' tas bort från det första exemplet eftersom det placeras i index 2.

I det andra exemplet tas två element bort, dvs “Blues” och “Jazz”, eftersom indexet anger att två element måste tas bort, från index 2.

Det måste noteras att matriser är nollindexerade i JavaScript.

Skivmetod

Metoden slice () skär ett element från den ursprungliga matrisen och returnerar en ny matris som innehåller det elementet. Det måste noteras att metoden slice () inte tar bort något element från den ursprungliga matrisen.

just i tid kompilator java
var array = ['Rock', 'Pop', 'Jazz', 'Blues', 'Metal'] document.write ('array.slice (1, 2):' + array.slice (1, 2)) document .skriva(' 
array.slice (1, 3): '+ array.slice (1, 3))

Utgången från följande kod är som följer:

array.slice (1, 2): Pop

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

Den sista metoden i denna arraymetod i javascript är,

För varje metod

Denna metod anropar funktionen för varje element som finns i matrisen.

funktionsfunktion () {// Initial array const items = [2, 18, 28] const copy = [] items.forEach (function (item) {copy.push (item * item)}) document.write (copy)} funkt ()

I exemplet beräknar vi kvadraten för varje element som finns i matrisen.

Utgången är som följer:

4 324 784

Med detta har vi kommit till slutet av denna blogg om 'Array Method In JavaScript'. Jag hoppas att du tyckte att det var informativt och hjälpsamt. Håll dig uppdaterad om du vill ha mer självstudier om liknande ämnen. Du kan också kolla in vårt träningsprogram to få fördjupad kunskap om jQuery tillsammans med dess olika applikationer, du kan för live onlineträning med support dygnet runt och livstidsåtkomst.

Har du en fråga till oss? Nämn dem i kommentarsektionen på den här bloggen så återkommer vi till dig.