eller webprogrammering fødte dynamiske webapplikasjoner. Med fremveksten av nettet har JavaScript blitt en av viktigste språk i dagens verden.Dette JavaScript Array artikkeltar deg til dypet av matrismetoder i JavaScript i følgende sekvens:
- Introduksjon til JavaScript
- Grunnleggende om JavaScript
- JavaScript Array
- Forskjellen mellom matrise og objekter
- JavaScript Array Methods
Introduksjon til JavaScript
er et høyt nivå, tolket, programmeringsspråk som brukes til å gjøre websider mer interaktive. Det er et veldig kraftig skriptspråk på klientsiden som gjør websiden din mer livlig og interaktiv.
Det er et programmeringsspråk som hjelper deg med å implementere et komplekst og vakkert design på websider. Hvis du vil at websiden din skal se levende ut og gjøre mye mer enn bare å kaste bort deg, er JavaScript et must.
Grunnleggende om JavaScript
Hvis du er ny på språket, må du vite noe av grunnleggende om JavaScript som vil hjelpe deg med å begynne å skrive koden. Det grunnleggende inkluderer:
Du kan sjekke ut for å komme i dybden med disse grunnleggende konseptene og grunnleggende JavaScript. I denne JavaScript Array-artikkelen vil vi fokusere på de forskjellige matrisemetodene som brukes til å definere en liste over elementer.
JavaScript Array
En matrise er en data struktur som inneholder en liste over elementer som lagrer flere verdier under en enkelt variabel.
For å erklære en matrise i JavaScript, bruk la ’Nøkkelord med firkantede parenteser og legge alle elementene i dem. Syntaksen er som følger:
la ListItems = [] ListItems = ['sko', 'klokke', 'bag']
Du kan også erklære det som:
la ListItems = ['sko', 'klokke', 'bag']
Forskjellen mellom matrise og objekter
JavaScript-variabler kan være objekter. Arrays anses å være spesielle typer gjenstander. På grunn av dette kan du ha variabler av forskjellige typer i samme matrise.
myArray [0] = Dato. nå myArray [1] = myFunction myArray [2] = myItems
I JavaScript, arrays bruk nummererte indekser . Mens, gjenstander brukes som navngitte indekser .
JavaScript Array Methods
Formålet med å bruke en array er å lagre flere verdier i en enkelt enhet av en deklarert variabel. Arrays brukes når vi ønsker å få tilgang til elementer på en ordnet måte ved hjelp av en enkelt variabel. Man kan lagre strenger, boolske og tall i en enkelt matrise.
apache gnist sammenlignet med hadoop mapreduce
Det er forskjellige JavaScript-array-metoder for å utføre forskjellige oppgaver som:
trykk() - Det er enkelt å fjerne elementer og legge til nye elementer mens du arbeider med arrays. Push () -metoden legger til til nytt element til slutt av en matrise. Returverdien er den nye matriselengden.
Eksempel:
let listItems = ['bag', 'shoes', 'dress'] console.log (listItems.push ('watch'))Produksjon:
4
Push () returnerer ikke verdien som er lagt til matrisen. Den returnerer bare den nye lengden på matrisen.
pop ()- Pop () -metoden er vant til ta vekk de siste element fra en matrise. Den returnerer verdien som er poppet ut.
Eksempel:
la listItems = ['bag', 'sko', 'dress'] console.log (listItems.pop ())
Produksjon:
kjole
Pop () returnerer verdien som er fjernet, og ikke matriselengden som Push ().
skifte() - Skifting ligner på popping, og jobber med det første elementet i stedet for det siste. Shift () metoden er vant til ta vekk de første matriseelement og skifter alle andre elementer til en lavere indeks. Det vil gi deg strengen som er flyttet ut.
Eksempel:
la listItems = ['bag', 'sko', 'dress'] console.log (listItems.shift ())
Produksjon:
bag
Shift () fungerer som pop (), men den returnerer det første elementet i matrisen i stedet for den siste.
skifte () - Den metode legger til et nytt element på begynnelsen på en matrise og skifter eldre elementer. Det ligner på Push () og returnerer den nye matriselengden.
Eksempel:
let listItems = ['bag', 'shoes', 'dress', 'watch'] console.log (listItems.unshift ('phone'))Produksjon:
5
Unshift () vil legge til det nye elementet i matrisen og returnere lengden på den nye matrisen.
concat () - Concat () -metoden oppretter en ny matrise etter sammenkobling eller slå sammen eksisterende matriser. Denendrer ikke den eksisterende matrisen og returnerer alltid en ny matrise.
Eksempel:
la arr1 = ['rød', 'blå', 'grønn'] la arr2 = ['farger', 'spraymaling', 'børste'] la newArr = arr1.concat (arr2) console.log (newArr)
Produksjon:
toString () - Metoden toString () er vant til konvertere en matrise til en streng av matriseverdier, atskilt med komma.
Eksempel:
la farger = ['rød', 'blå', 'grønn'] console.log (colors.toString ())
Produksjon:
rød, blå, grønn
bli med() - Join () -metoden fungerer på samme måte som toString (). Det er vant til bli med alle matriseelementene til en streng , men i tillegg kan du spesifisere separator .
Eksempel:
la farger = ['rød', 'blå', 'grønn'] console.log (colors.join ('+'))Produksjon:
rød + blå + grønn
omvendt() - Den omvendte () metoden er vant til omvendt de rekkefølge av elementene i en matrise. Det vil endre den opprinnelige matrisen og bytte rekkefølgen på elementene.
Eksempel:
la frukt = ['mango', 'apple', 'druer'] console.log (fruits.reverse ())
Produksjon:
sortere() - Sort () metoden er vant til sortere en matrise alfabetisk . Denne funksjonen sorterer verdiene som streng som standard.
Eksempel:
la frukt = ['mango', 'apple', 'druer'] console.log (fruits.sort ())
Produksjon:
skjære() - Slice () -metoden er vant til skjære ut et stykke av et array til et nytt array. Det oppretter en ny matrise uten å fjerne noen elementer fra kildearrayen. Den returnerer verdien som er skåret ut fra matrisen.
Eksempel:
la farger = ['rød', 'blå', 'grønn', 'gul', 'oransje'] console.log (colors.slice (1,3))
Produksjon:
Dette var noen av de mest brukte JavaScript-matrisemetodene. Med dette har vi kommet til slutten av artikkelen vår. Jeg håper du forsto hvordan matrismetoder brukes i JavaScript.
Nå som du vet om JavaScript Array Methods, sjekk ut av Edureka. Webutvikling sertifiseringstrening hjelper deg med å lære hvordan du lager imponerende nettsteder ved hjelp av HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google APIer og distribuerer det til Amazon Simple Storage Service (S3).
Har du et spørsmål til oss? Vennligst nevn det i kommentarfeltet i “JavaScript Array”, så kommer vi tilbake til deg.