o la programació web va donar lloc a aplicacions web dinàmiques. Amb l'augment del web, JavaScript s'ha convertit en un dels idiomes més importants al món actual.Això Matriu JavaScript articleus portarà a la profunditat dels mètodes de matriu de JavaScript en la següent seqüència:
- Introducció a JavaScript
- Fonaments de JavaScript
- Matriu JavaScript
- Diferència entre matriu i objectes
- Mètodes de matriu de JavaScript
Introducció a JavaScript
és un llenguatge de programació interpretat i d’alt nivell que s’utilitza per fer les pàgines web més interactives. És un llenguatge de seqüència d’ordres de client molt potent que fa que la vostra pàgina web sigui més viva i interactiva.
És un llenguatge de programació que us ajuda a implementar un disseny complex i preciós a les pàgines web. Si voleu que la vostra pàgina web sembli viva i faci molt més que meravellar-vos, JavaScript és imprescindible.
Fonaments de JavaScript
Si no coneixeu l'idioma, heu de conèixer alguns dels fitxers fonaments de JavaScript això us ajudarà a començar a escriure el vostre codi. Els conceptes bàsics inclouen:
Podeu consultar el fitxer per aprofundir en aquests conceptes bàsics i fonaments de JavaScript. En aquest article de matriu de JavaScript, ens centrarem en els diferents mètodes de matriu que s’utilitzen per definir una llista d’elements.
Matriu JavaScript
Un array és un estructura de dades que conté una llista d'elements que emmagatzemen diversos valors sota una sola variable.
Per declarar una matriu a JavaScript, utilitzeu el símbol ' deixar 'Paraula clau amb claudàtors i incloure tots els elements que contenen. La sintaxi és la següent:
deixa ListItems = [] ListItems = ['sabates', 'rellotge', 'bossa']
També podeu declarar-ho com:
let ListItems = ['sabates', 'rellotge', 'bossa']
Diferència entre matriu i objectes
Les variables JavaScript poden ser objectes. Es considera que les matrius són tipus d’objectes especials. Per això, podeu tenir variables de diferents tipus en un mateix array.
myArray [0] = Date.now myArray [1] = myFunction myArray [2] = myItems
A JavaScript, matrius ús índexs numerats . Considerant que, objectes s'utilitzen com índexs anomenats .
Mètodes de matriu de JavaScript
El propòsit d'utilitzar un fitxer matriu és emmagatzemar múltiples valors en un entitat única d'una variable declarada. Les matrius s’utilitzen quan volem accedir als elements de manera ordenada mitjançant una única variable. Es poden emmagatzemar cadenes, booleans i números en una sola matriu.
sincronització de fils a l'exemple java
N’hi ha de diferents Mètodes de matriu JavaScript per tal de realitzar diverses tasques com:
push () - És fàcil eliminar elements i afegir elements nous mentre es treballa amb matrius. El mètode push () afegeix a element nou fins al final d'una matriu. El valor de retorn és la longitud de la nova matriu.
Exemple:
let listItems = ['bag', 'shoes', 'dress'] console.log (listItems.push ('watch'))Sortida:
4
Push () no retorna el valor que s'ha afegit a la matriu. Només retorna la nova longitud de la matriu.
pop ()- S’utilitza el mètode pop () eliminar el darrer element d'una matriu. Retorna el valor que ha aparegut.
Exemple:
let listItems = ['bag', 'shoes', 'dress'] console.log (listItems.pop ())
Sortida:
vestit
Pop () retorna el valor que s'ha eliminat i no la longitud de la matriu com Push ().
shift () - El canvi és similar al popping, treballant al primer element en lloc de l’últim. S’utilitza el mètode shift () eliminar el primer element de matriu i desplaça tots els altres elements a un índex inferior. Us retornarà la cadena que s'ha desplaçat.
Exemple:
let listItems = ['bag', 'shoes', 'dress'] console.log (listItems.shift ())
Sortida:
bossa
Shift () funciona igual que pop (), però torna el primer element de la matriu en lloc de l'últim.
unshift () - El mètode afegeix un element nou al començament d'una matriu i desmunta elements més antics. És similar a Push () i retorna la nova longitud de matriu.
Exemple:
let listItems = ['bag', 'shoes', 'dress', 'watch'] console.log (listItems.unshift ('phone'))Sortida:
5
Unshift () afegirà el nou element a la matriu i retornarà la longitud de la nova matriu.
concat () - El mètode concat () crea una nova matriu per concatenant o fusionar matrius existents. Aixòno modifica la matriu existent i sempre retorna una matriu nova.
Exemple:
let arr1 = ['red', 'blue', 'green'] let arr2 = ['colors', 'spraypaint', 'brush'] let newArr = arr1.concat (arr2) console.log (newArr)
Sortida:
toString () - S’utilitza el mètode toString () convertir una matriu a corda de valors de matriu, separats per comes.
Exemple:
let colors = ['red', 'blue', 'green'] console.log (colors.toString ())
Sortida:
vermell, blau, verd
unir-se () - El mètode join () funciona igual que toString (). Està acostumat a unir-se tots els elements de la matriu en un fitxer corda , però, a més, podeu especificar el fitxer separador .
Exemple:
let colors = ['red', 'blue', 'green'] console.log (colors.join ('+'))Sortida:
vermell + blau + verd
revers () - S’utilitza el mètode reverse () al revés el ordre dels elements d'una matriu. Canviarà la matriu original i canviarà l'ordre dels elements.
Exemple:
let fruits = ['mango', 'apple', 'raïms'] console.log (fruits.reverse ())
Sortida:
sort () - S’utilitza el mètode sort () ordenar una matriu alfabèticament . Aquesta funció ordena els valors com a cadena per defecte.
Exemple:
let fruits = ['mango', 'apple', 'raïms'] console.log (fruits.sort ())
Sortida:
llesca () - S’utilitza el mètode slice () llesca treure un tros d'una matriu en una matriu nova. Crea una nova matriu sense eliminar cap element de la matriu d'origen. Retornarà el valor que s'ha tallat a la matriu.
Exemple:
let colors = ['vermell', 'blau', 'verd', 'groc', 'taronja'] console.log (colors.slice (1,3))
Sortida:
Aquests van ser alguns dels mètodes de matriu de JavaScript més utilitzats. Amb això, hem arribat al final del nostre article. Espero que hagueu entès com s’utilitzen els mètodes de matriu a JavaScript.
Ara que ja coneixeu els mètodes de matriu de JavaScript, consulteu el fitxer per Edureka. La formació en certificació per al desenvolupament web us ajudarà a aprendre a crear llocs web impressionants mitjançant HTML5, CSS3, Twitter Bootstrap 3, jQuery i API de Google i implementar-lo a Amazon Simple Storage Service (S3).
Tens alguna pregunta? Si us plau, mencioneu-lo a la secció de comentaris de 'Matriu de JavaScript' i us respondrem.