või veebiprogrammeerimine sünnitas dünaamilised veebirakendused. Veebi esiletõusuga on JavaScript muutunud üheks kõige olulisemad keeled tänapäeva maailmas.Seda JavaScripti massiiv artikkelviib teid JavaScripti massiivimeetodite sügavusele järgmises järjestuses:
- Sissejuhatus JavaScripti
- JavaScripti põhialused
- JavaScripti massiiv
- Massiivi ja objektide erinevus
- JavaScripti massiivi meetodid
Sissejuhatus JavaScripti
on kõrgetasemeline tõlgendatud programmeerimiskeel, mida kasutatakse veebilehtede interaktiivsemaks muutmiseks. See on väga võimas kliendipoolne skriptikeel, mis muudab teie veebisaidi elavamaks ja interaktiivsemaks.
See on programmeerimiskeel, mis aitab teil veebilehtedel keerukat ja ilusat kujundust rakendada. Kui soovite, et teie veebileht näeks välja elus ja teeks palju enamat kui ainult teie nägu, on JavaScript kohustuslik.
JavaScripti põhialused
Kui keel on teie jaoks uus, peate teadma mõnda keelt JavaScripti põhialused mis aitab teil oma koodi kirjutama hakata. Põhitõed hõlmavad järgmist:
Saate tutvuda nende JavaScripti põhimõistete ja põhialuste sügavusele jõudmiseks. Selles JavaScripti massiivi artiklis keskendume erinevatele massiivi meetoditele, mida kasutatakse üksuste loendi määratlemiseks.
JavaScripti massiiv
Massiiv on a andmete struktuur mis sisaldab loendit elementidest, mis salvestavad ühe muutuja alla mitu väärtust.
Massiivi deklareerimiseks JavaScripti kasutage lase ’Märksõna nurksulgudes ja lisage kõik elemendid nendesse. Süntaks on järgmine:
olgu ListItems = [] ListItems = ['kingad', 'kell', 'kott']
Võite selle ka deklareerida järgmiselt:
olgu ListItems = ['kingad', 'kellad', 'kotid']
Massiivi ja objektide erinevus
JavaScripti muutujad võivad olla objektid. Massiive peetakse erilist tüüpi objektideks. Seetõttu võib teil olla sama massiivi eri tüüpi muutujaid.
myArray [0] = kuupäev.nüüd myArray [1] = myFunction myArray [2] = myItems
JavaScripti massiivid kasutamine nummerdatud indeksid . Arvestades, et objektid kasutatakse kui nimega indeksid .
JavaScripti massiivi meetodid
Kasutamise eesmärk massiiv on ladustada mitu väärtust sees üksus deklareeritud muutuja. Massiive kasutatakse juhul, kui soovime elementidele korrapäraselt juurde pääseda, kasutades ühte muutujat. Stringi, tõeväärtust ja numbreid saab salvestada ühte massiivi.
mis on HTML-i sildimärk
Neid on erinevaid JavaScripti massiivi meetodid mitmesuguste ülesannete täitmiseks, näiteks:
suruma () - Massiividega töötades on elemente lihtne eemaldada ja uusi elemente lisada. Push () meetod lisab kuni uus element Euroopa lõpp massiivist. Tagasiväärtus on uue massiivi pikkus.
Näide:
olgu listItems = ['kott', 'kingad', 'kleit'] console.log (listItems.push ('kell'))Väljund:
4
Push () doest ei tagasta massiivile lisatud väärtust. See tagastab ainult massiivi uue pikkuse.
pop ()- Pop () meetodit kasutatakse eemalda viimane element massiivist. See tagastab hüpatud väärtuse.
Näide:
laske listItems = ['kott', 'kingad', 'kleit'] console.log (listItems.pop ())
Väljund:
kleit
Pop () tagastab eemaldatud väärtuse, mitte massiivi pikkuse nagu Push ().
nihe () - Nihutamine sarnaneb hüppamisega, töötades esimese elemendi kallal viimase asemel. Selleks kasutatakse shift () meetodit eemalda esimese massiivi element ja nihutab kõik muud elemendid madalamale indeksile. See tagastab teile nihutatud stringi.
Näide:
laske listItems = ['kott', 'kingad', 'kleit'] console.log (listItems.shift ())
Väljund:
kott
Shift () töötab sama mis pop (), kuid tagastab massiivi esimese elemendi viimase asemel.
ümberlülitamine () - meetod lisab uus element saidil massiivi algus ja nihutab vanemaid elemente. See sarnaneb Push () -ga ja tagastab uue massiivi pikkuse.
Näide:
laske listItems = ['kott', 'kingad', 'kleit', 'kell'] console.log (listItems.unshift ('telefon'))Väljund:
5
Unshift () lisab massiivi uue elemendi ja tagastab uue massiivi pikkuse.
konkat () - meetod concat () loob uue massiivi liitmine või olemasolevate massiivide ühendamine. Seeei muuda olemasolevat massiivi ja tagastab alati uue massiivi.
Näide:
laske arr1 = ['punane', 'sinine', 'roheline'] laske arr2 = ['värvid', 'spraypaint', 'pintsel'] las newArr = arr1.concat (arr2) console.log (newArr)
Väljund:
toString () - Selleks kasutatakse meetodit toString () teisendada massiiv a-le string massiivi väärtustest, eraldatuna komadega.
Näide:
olgu värvid = ['punane', 'sinine', 'roheline'] console.log (värvid.toString ())
Väljund:
punane, sinine, roheline
liitu () - Meetod join () töötab samamoodi nagu toString (). See on harjunud liituma kõik massiivi elemendid a-ks string , kuid lisaks saate määrata eraldaja .
Näide:
olgu värvid = ['punane', 'sinine', 'roheline'] console.log (värvid.liitu ('+'))Väljund:
punane + sinine + roheline
tagurpidi() - Selleks kasutatakse vastupidist () meetodit tagurpidi tellimus massiivi elementidest. See muudab algset massiivi ja vahetab elementide järjestust.
Näide:
las puuviljad = ['mango', 'õun', 'viinamarjad'] console.log (puuviljad.reverse ())
Väljund:
sort () - Sordi () meetodit kasutatakse sorteerida massiiv tähestiku järgi . See funktsioon sorteerib väärtused vaikimisi stringidena.
Näide:
las puuviljad = ['mango', 'õun', 'viinamarjad'] console.log (puuviljad.sort ())
Väljund:
viil () - Slice () meetodit kasutatakse viil massiivi tükk välja uueks massiiviks. See loob uue massiivi, eemaldamata algmassiivist ühtegi elementi. See tagastab massiivist välja lõigatud väärtuse.
Näide:
olgu värvid = ['punane', 'sinine', 'roheline', 'kollane', 'oranž'] console.log (värvid.viil (1,3))
Väljund:
Need olid mõned kõige sagedamini kasutatavad JavaScripti massiivi meetodid. Sellega oleme jõudnud oma artikli lõpuni. Loodan, et saite aru, kuidas massiivi meetodeid JavaScriptis kasutatakse.
Nüüd, kui olete teadnud JavaScripti massiivi meetoditest, vaadake autor Edureka. Veebiarenduse sertifitseerimiskoolitus aitab teil õppida, kuidas luua muljetavaldavaid veebisaite HTML5, CSS3, Twitter Bootstrap 3, jQuery ja Google API-de abil ning juurutada see Amazon Simple Storage Service'i (S3).
Kas teil on meile küsimus? Palun mainige seda 'JavaScripti massiivi' kommentaaride osas ja me võtame teiega ühendust.