Allt du behöver veta om JavaScript Array Methods

Den här bloggen kommer att ge fördjupad kunskap om hur array fungerar i javascript och vilka olika arraymetoder som används i JavaScript.

eller webbprogrammering födde dynamiska webbapplikationer. Med uppkomsten av webben har JavaScript blivit en av de viktigaste språken i dagens värld.Detta JavaScript Array artikeltar dig till djupet av arraymetoder i JavaScript i följande sekvens:

Introduktion till JavaScript

är ett högt, tolkat programmeringsspråk som används för att göra webbsidor mer interaktiva. Det är ett mycket kraftfullt skriptspråk på klientsidan som gör din webbsida mer livlig och interaktiv.



JavaScript - javascript-array - Edureka

Det är ett programmeringsspråk som hjälper dig att implementera en komplex och vacker design på webbsidor. Om du vill att din webbsida ska se levande ut och göra mycket mer än bara gawk på dig, är JavaScript ett måste.

Grundläggande för JavaScript

Om du är ny på språket måste du känna till några av grundläggande för JavaScript som hjälper dig att börja skriva din kod. Grunderna inkluderar:

  • Arrayer

Du kan kolla in för att komma in i djupet av dessa grundläggande begrepp och grundläggande i JavaScript. I denna JavaScript Array-artikel kommer vi att fokusera på de olika matrismetoderna som används för att definiera en lista med objekt.

JavaScript Array

En matris är en datastruktur som innehåller en lista med element som lagrar flera värden under en enda variabel.

För att deklarera en array i JavaScript använder du låta Nyckelord med hakparenteser och bifoga alla element i dem. Syntaksen är som följer:

låt ListItems = [] ListItems = ['skor', 'klocka', 'väska']

Du kan också förklara det som:

låt ListItems = ['skor', 'klocka', 'väska']

Skillnad mellan matris och objekt

JavaScript-variabler kan vara objekt. Arrayer anses vara speciella föremål. På grund av detta kan du ha variabler av olika typer i samma array.

myArray [0] = Datum. nu myArray [1] = minFunktion myArray [2] = myItems

I JavaScript, matriser använda sig av numrerade index . Med beaktande av att objekt används som namngivna index .

JavaScript Array Methods

Syftet med att använda en array är att lagra flera värden i en enhet av en deklarerad variabel. Arrayer används när vi vill komma åt element på ett ordnat sätt med en enda variabel. Man kan lagra strängar, booleska och siffror i en enda matris.

sql och pl sql tutorial

Det finns olika Metoder för JavaScript-array för att utföra olika uppgifter som:

  • tryck() - Det är enkelt att ta bort element och lägga till nya element när du arbetar med matriser. Push () -metoden lägger till till nytt element till slutet av en matris. Returvärdet är den nya matrislängden.

Exempel:

låt listItems = ['väska', 'skor', 'klänning'] console.log (listItems.push ('klocka'))

Produktion:

4

Push () returnerar inte värdet som har lagts till i matrisen. Den returnerar bara den nya längden på matrisen.

  • pop ()- Metoden pop () används för att ta bort de sista elementet från en matris. Det returnerar det värde som har poppats ut.

Exempel:

låt listItems = ['väska', 'skor', 'klänning'] console.log (listItems.pop ())

Produktion:

klänning

Pop () returnerar det värde som har tagits bort och inte matrislängden som Push ().

  • flytta() - Shifting liknar popping, arbetar med det första elementet istället för det sista. Metoden shift () används för att ta bort de första arrayelementet och flyttar alla andra element till ett lägre index. Det ger dig strängen som har flyttats ut.

Exempel:

låt listItems = ['väska', 'skor', 'klänning'] console.log (listItems.shift ())

Produktion:

väska

Shift () fungerar på samma sätt som pop () men den returnerar det första elementet i arrayen istället för den sista.

  • avväxla () - Den metod lägger till ett nytt element på början på en matris och flyttar äldre element. Det liknar Push () och returnerar den nya matrislängden.

Exempel:

låt listItems = ['väska', 'skor', 'klänning', 'klocka'] console.log (listItems.unshift ('telefon'))

Produktion:

5

Unshift () lägger till det nya elementet i arrayen och returnerar längden på den nya arrayen.

  • concat () - Metoden concat () skapar en ny matris efter sammanfogande eller slå samman befintliga matriser. denändrar inte den befintliga matrisen och returnerar alltid en ny matris.

Exempel:

låt arr1 = ['röd', 'blå', 'grön'] låt arr2 = ['färger', 'sprayfärg', 'borsta'] låt newArr = arr1.concat (arr2) console.log (newArr)

Produktion:

  • att stränga() - Metoden toString () används för att konvertera en matris till en sträng av matrisvärden, åtskilda av kommatecken.

Exempel:

låt färger = ['röd', 'blå', 'grön'] console.log (colors.toString ())

Produktion:

röd, blå, grön
  • Ansluta sig() - Metoden join () fungerar på samma sätt som toString (). Det är van vid Ansluta sig alla matriselement till en sträng , men dessutom kan du ange separator .

Exempel:

låt färger = ['röd', 'blå', 'grön'] console.log (colors.join ('+'))

Produktion:

röd + blå + grön
  • omvänd() - Metoden omvänd () används för att omvänd de ordning av elementen i en matris. Det kommer att ändra den ursprungliga matrisen och byta ordning på elementen.

Exempel:

låt frukt = ['mango', 'äpple', 'druvor'] console.log (fruits.reverse ())

Produktion:

  • sortera() - Metoden sort () används för att sortera en matris alfabetiskt . Denna funktion sorterar värdena som strängar som standard.

Exempel:

låt frukt = ['mango', 'äpple', 'druvor'] console.log (fruits.sort ())

Produktion:

  • skiva() - Metoden slice () används för att skiva ut en bit av en array i en ny array. Det skapar en ny matris utan att ta bort några element från källmatrisen. Det returnerar värdet som har skivats ut från matrisen.

Exempel:

låt färger = ['röd', 'blå', 'grön', 'gul', 'orange'] console.log (colors.slice (1,3))

Produktion:

Dessa var några av de vanligaste JavaScript-arraymetoderna. Med detta har vi kommit till slutet av vår artikel. Jag hoppas att du förstod hur arraymetoder används i JavaScript.

Nu när du känner till JavaScript Array Methods, kolla in av Edureka. Webbutvecklingscertifieringsträning hjälper dig att lära dig hur du skapar imponerande webbplatser med HTML5, CSS3, Twitter Bootstrap 3, jQuery och Google API: er och distribuerar den till Amazon Simple Storage Service (S3).

Har du en fråga till oss? Vänligen nämna det i kommentarsektionen i “JavaScript Array” så återkommer vi till dig.