Tot ce trebuie să știți despre metodele de matrice JavaScript

sau programarea web a dat naștere la aplicații web dinamice. Odată cu apariția web, JavaScript a devenit unul dintre cele mai importante limbi in lumea de astazi.Acest Matrice JavaScript articolvă va duce la adâncimea metodelor matricei în JavaScript în următoarea secvență:

• Introducere în JavaScript
• Bazele JavaScript
• Matrice JavaScript
• Diferența dintre matrice și obiecte
• Metode JavaScript Array

Introducere în JavaScript

este un limbaj de programare de nivel înalt, interpretat, folosit pentru a face paginile web mai interactive. Este un limbaj de scriptare foarte puternic pentru client, care face ca pagina dvs. web să fie mai plină de viață și interactivă.

Este un limbaj de programare care vă ajută să implementați un design complex și frumos pe paginile web. Dacă doriți ca pagina dvs. web să arate vie și să facă mult mai mult decât să vă uimească, JavaScript este o necesitate.

Bazele JavaScript

Dacă sunteți nou în limba, trebuie să cunoașteți unele dintre fundamentele JavaScript care vă va ajuta să începeți să vă scrieți codul. Elementele de bază includ:

• Matrice

Puteți verifica pentru a intra în profunzimea acestor concepte de bază și elemente fundamentale ale JavaScript. În acest articol JavaScript Array, ne vom concentra asupra diferitelor metode de matrice utilizate pentru a defini o listă de articole.

Matrice JavaScript

O matrice este un structură de date care conține o listă de elemente care stochează mai multe valori sub o singură variabilă.

Pentru a declara o matrice în JavaScript utilizați „ lăsa Cuvânt cheie cu paranteze pătrate și includeți toate elementele din ele. Sintaxa este următoarea:

let ListItems = [] ListItems = ['pantofi', 'ceas', 'bag']

De asemenea, îl puteți declara ca:

let ListItems = ['pantofi', 'ceas', 'geantă']

Diferența dintre matrice și obiecte

Variabilele JavaScript pot fi obiecte. Tablourile sunt considerate a fi tipuri speciale de obiecte. Din acest motiv, puteți avea variabile de diferite tipuri în același tablou.

myArray [0] = Date.now myArray [1] = myFunction myArray [2] = myItems

În JavaScript, matrice utilizare indexuri numerotate . Întrucât, obiecte sunt folosite ca indicii numiți .

Metode JavaScript Array

Scopul utilizării unui matrice este de a stoca valori multiple într-o entitate unică a unei variabile declarate. Tablourile sunt folosite atunci când dorim să accesăm elemente în mod ordonat folosind o singură variabilă. Se pot stoca șiruri, booleene și numere într-o singură matrice.

c ++ cum se utilizează spațiile de nume

Sunt diferite Metode matrice JavaScript pentru a îndeplini diverse sarcini precum:

• Apăsați() - Este ușor să eliminați elemente și să adăugați elemente noi în timp ce lucrați cu tablouri. Metoda push () adaugă la element nou la Sfârșit dintr-o matrice. Valoarea returnată este noua lungime a matricei.

Exemplu:

let listItems = ['bag', 'pantofi', 'dress'] console.log (listItems.push ('watch'))

Ieșire:

4

Push () nu returnează valoarea care a fost adăugată matricei. Întoarce doar noua lungime a matricei.

• pop ()- Metoda pop () este folosită pentru elimina ultimul element dintr-o matrice. Returnează valoarea care a fost evidențiată.

Exemplu:

let listItems = ['bag', 'pantofi', 'dress'] console.log (listItems.pop ())

Ieșire:

rochie

Pop () returnează valoarea care a fost eliminată și nu lungimea matricei ca Push ().

• schimb() - Shifting este similar cu popping, lucrând la primul element în loc de ultimul. Metoda shift () este folosită pentru elimina primul element matrice și deplasează toate celelalte elemente la un indice mai mic. Vă va întoarce șirul care a fost mutat.

Exemplu:

let listItems = ['bag', 'pantofi', 'dress'] console.log (listItems.shift ())

Ieșire:

sac

Shift () funcționează la fel ca pop (), dar returnează primul element al tabloului în locul ultimului.

• unshift () - metodă adaugă un element nou la începutul unei matrice și schimbă elemente mai vechi. Este similar cu Push () și returnează noua lungime a matricei.

Exemplu:

let listItems = ['geanta', 'pantofi', 'rochie', 'ceas'] console.log (listItems.unshift ('phone'))

Ieșire:

5

Unshift () va adăuga noul element în matrice și va returna lungimea noii matrice.

• concat () - Metoda concat () creează o nouă matrice prin concatenare sau fuzionarea matricelor existente. Aceastanu modifică matricea existentă și returnează întotdeauna o matrice nouă.

Exemplu:

let arr1 = ['red', 'blue', 'green'] let arr2 = ['colors', 'spraypaint', 'brush'] let newArr = arr1.concat (arr2) console.log (newArr)

Ieșire:

• toString () - Se folosește metoda toString () convertit o matrice la a şir a valorilor matricei, separate prin virgule.

Exemplu:

let colors = ['roșu', 'albastru', 'verde'] console.log (colors.toString ())

Ieșire:

roșu, albastru, verde

• a te alatura() - Metoda join () funcționează la fel ca toString (). Este obișnuit a te alatura toate elementele matricei într-un şir , dar în plus, puteți specifica separator .

Exemplu:

let colors = ['roșu', 'albastru', 'verde'] console.log (colors.join ('+'))

Ieșire:

roșu + albastru + verde

• verso() - Metoda inversă () este folosită pentru verso Ordin a elementelor dintr-o matrice. Acesta va schimba matricea originală și va schimba ordinea elementelor.

Exemplu:

let fruits = ['mango', 'apple', 'strugures'] console.log (fruits.reverse ())

Ieșire:

• fel() - Metoda sort () este folosită fel o matrice alfabetic . Această funcție sortează valorile ca șir în mod implicit.

Exemplu:

let fruits = ['mango', 'apple', 'strugures'] console.log (fruits.sort ())

Ieșire:

• felie() - Se folosește metoda slice () felie o bucată dintr-o matrice într-o nouă matrice. Se creează o nouă matrice fără a elimina niciun element din matricea sursă. Acesta va returna valoarea care a fost tăiată din matrice.

Exemplu:

let colors = ['roșu', 'albastru', 'verde', 'galben', 'portocaliu'] console.log (colors.slice (1,3))

Ieșire:

Acestea au fost unele dintre cele mai utilizate metode de matrice JavaScript. Cu aceasta, am ajuns la sfârșitul articolului nostru. Sper că ați înțeles cum sunt folosite metodele matrice în JavaScript.

Acum, că știți despre metodele JavaScript Array, consultați de Edureka. Instruirea pentru certificarea dezvoltării web vă va ajuta să aflați cum să creați site-uri web impresionante folosind HTML5, CSS3, Twitter Bootstrap 3, jQuery și API-urile Google și să îl implementați în Amazon Simple Storage Service (S3).

Ai o întrebare pentru noi? Vă rugăm să îl menționați în secțiunea de comentarii din „JavaScript Array” și vă vom răspunde.