eller webprogrammering fødte dynamiske webapplikationer. Med stigningen på internettet er JavaScript blevet et af vigtigste sprog i nutidens verden.Dette JavaScript Array artikeltager dig til dybden af matrixmetoder i JavaScript i følgende rækkefølge:
- Introduktion til JavaScript
- Grundlæggende om JavaScript
- JavaScript Array
- Forskel mellem Array og Objects
- JavaScript Array Methods
Introduktion til JavaScript
er et højt niveau, fortolket, programmeringssprog, der bruges til at gøre websider mere interaktive. Det er et meget stærkt script-sprog på klientsiden, der gør din webside mere livlig og interaktiv.
Det er et programmeringssprog, der hjælper dig med at implementere et komplekst og smukt design på websider. Hvis du vil have din webside til at se levende ud og gøre meget mere end bare gawk på dig, er JavaScript et must.
Grundlæggende om JavaScript
Hvis du er ny på sproget, skal du kende noget af grundlæggende i JavaScript det hjælper dig med at begynde at skrive din kode. Grundlæggende inkluderer:
Du kan tjekke at komme i dybden med disse grundlæggende begreber og grundlæggende i JavaScript. I denne JavaScript Array-artikel vil vi fokusere på de forskellige matrixmetoder, der bruges til at definere en liste over emner.
JavaScript Array
En matrix er en datastruktur der indeholder en liste over elementer, der gemmer flere værdier under en enkelt variabel.
Brug 'til at erklære en matrix i JavaScript lade 'Nøgleord med firkantede parenteser og lægge alle elementerne i dem. Syntaksen er som følger:
lad ListItems = [] ListItems = ['sko', 'watch', 'bag']
Du kan også erklære det som:
lad ListItems = ['sko', 'ur', 'taske']
Forskel mellem Array og Objects
JavaScript-variabler kan være objekter. Arrays betragtes som specielle genstande. På grund af dette kan du have forskellige variabler i samme Array.
myArray [0] = Dato. nu myArray [1] = myFunction myArray [2] = myItems
I JavaScript, arrays brug nummererede indekser . Der henviser til, genstande bruges som navngivne indekser .
JavaScript Array Methods
Formålet med at bruge en array er at gemme flere værdier i en enkelt enhed af en deklareret variabel. Arrays bruges, når vi ønsker at få adgang til elementer på en ordnet måde ved hjælp af en enkelt variabel. Man kan gemme strenge, booleske og tal i et enkelt array.
hvad er apache gnist vs hadoop
Der er forskellige JavaScript-array-metoder for at udføre forskellige opgaver såsom:
skubbe() - Det er let at fjerne elementer og tilføje nye elementer, mens du arbejder med arrays. Push () -metoden tilføjer til nyt element til ende af en matrix. Returværdien er den nye matrixlængde.
Eksempel:
lad listItems = ['taske', 'sko', 'kjole'] console.log (listItems.push ('watch'))Produktion:
4
Push () returnerer ikke den værdi, der er tilføjet til arrayet. Det returnerer kun den nye længde af arrayet.
pop ()- Pop () -metoden bruges til fjerne det sidste element fra en matrix. Den returnerer den værdi, der er poppet ud.
Eksempel:
lad listItems = ['taske', 'sko', 'kjole'] console.log (listItems.pop ())
Produktion:
kjole
Pop () returnerer den værdi, der er blevet fjernet, og ikke matrixlængden som Push ().
flytte() - Skiftning ligner popping, der arbejder på det første element i stedet for det sidste. Metoden shift () bruges til fjerne det første matrixelement og skifter alle andre elementer til et lavere indeks. Det vil give dig strengen, der er flyttet ud.
Eksempel:
lad listItems = ['taske', 'sko', 'kjole'] console.log (listItems.shift ())
Produktion:
taske
Shift () fungerer som pop (), men det returnerer det første element i arrayet i stedet for det sidste.
skift () - Det metode tilføjer et nyt element på begyndelsen på en matrix og skifter ældre elementer. Det svarer til Push () og returnerer den nye matrixlængde.
Eksempel:
lad listItems = ['taske', 'sko', 'kjole', 'ur'] console.log (listItems.unshift ('telefon'))Produktion:
5
Unshift () tilføjer det nye element i arrayet og returnerer længden af det nye array.
concat () - Concat () -metoden opretter et nyt array efter sammenkædning eller fletning af eksisterende arrays. Detændrer ikke det eksisterende array og returnerer altid et nyt array.
Eksempel:
lad arr1 = ['rød', 'blå', 'grøn'] lad arr2 = ['farver', 'spraymaling', 'børste'] lad newArr = arr1.concat (arr2) console.log (newArr)
Produktion:
toString () - Metoden toString () bruges til konvertere en matrix til en snor af matrixværdier, adskilt af kommaer.
Eksempel:
lad farver = ['rød', 'blå', 'grøn'] console.log (colors.toString ())
Produktion:
rød, blå, grøn
tilslutte() - Metoden join () fungerer på samme måde som toString (). Det er vant til tilslutte alle matrixelementer til en snor , men derudover kan du angive separator .
Eksempel:
lad farver = ['rød', 'blå', 'grøn'] console.log (colors.join ('+'))Produktion:
rød + blå + grøn
baglæns() - Den omvendte () metode bruges til baglæns det bestille af elementerne i en matrix. Det ændrer det originale array og bytter rækkefølgen af elementerne.
Eksempel:
lad frugter = ['mango', 'æble', 'druer'] console.log (fruits.reverse ())
Produktion:
sortere() - Metoden sort () bruges til sortere en matrix alfabetisk . Denne funktion sorterer værdierne som streng som standard.
Eksempel:
lad frugter = ['mango', 'æble', 'druer'] console.log (fruits.sort ())
Produktion:
skive() - Metoden slice () bruges til skive ud et stykke af et array i et nyt array. Det opretter et nyt array uden at fjerne nogen elementer fra kildearrayet. Det returnerer den værdi, der er skåret ud fra arrayet.
Eksempel:
lad farver = ['rød', 'blå', 'grøn', 'gul', 'orange'] console.log (colors.slice (1,3))
Produktion:
Disse var nogle af de mest anvendte JavaScript-array-metoder. Med dette er vi kommet til slutningen af vores artikel. Jeg håber, du har forstået, hvordan matrixmetoder bruges i JavaScript.
Nu hvor du kender til JavaScript Array Methods, skal du tjekke af Edureka. Webudvikling certificeringstræning hjælper dig med at lære, hvordan du opretter imponerende websteder ved hjælp af HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google API'er og distribuerer det til Amazon Simple Storage Service (S3).
Har du et spørgsmål til os? Nævn det i kommentarfeltet i “JavaScript Array”, så vender vi tilbage til dig.