În acest tutorial, veți afla despre matricea JavaScript cu ajutorul exemplelor.
După cum știți, o variabilă poate stoca un singur element. Dacă trebuie să stocați mai multe elemente simultan, puteți utiliza o matrice.
O matrice este un obiect care poate stoca mai multe elemente . De exemplu,
const myArray = ('hello', 'world', 'welcome');
Creați o matrice
Puteți crea o matrice utilizând două moduri:
1. Utilizarea unui literal de matrice
Cea mai ușoară modalitate de a crea o matrice este folosind o matrice literală (). De exemplu,
const array1 = ("eat", "sleep");
2. Utilizarea noului cuvânt cheie
De asemenea, puteți crea o matrice folosind newcuvântul cheie JavaScript .
const array2 = new Array("eat", "sleep");
În ambele exemple de mai sus, am creat o matrice care are două elemente.
Notă : Se recomandă utilizarea literei matrice pentru a crea o matrice.
Iată mai multe exemple de tablouri:
// empty array const myList = ( ); // array containing number values const numberArray = ( 2, 4, 6, 8); // array containing string values const stringArray = ( 'eat', 'work', 'sleep'); // multiple data types array const newData = ('work', 'exercise', 1, true);
De asemenea, puteți stoca matrici, funcții și alte obiecte într-o matrice. De exemplu,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Accesați elementele unui tablou
Puteți accesa elementele din interiorul unui tablou folosind indici (0, 1, 2 …) . De exemplu,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e" 
Indexarea matricei în JavaScript
Notă : indicele Array începe cu 0, nu cu 1.
Adăugați un element la o matrice
Puteți utiliza metoda încorporată push()și unshift()pentru a adăuga un element la o matrice.
push()Metoda adaugă un element la sfârșitul unei matrice și returnează lungimea unei noi matrice. De exemplu,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
unshift()Metoda adaugă un element nou la începutul unei matrici și returnează noua lungime a unei matrice. De exemplu,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Schimbați elementele unui tablou
De asemenea, puteți adăuga elemente sau modifica elementele accesând valoarea indexului.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Să presupunem că o matrice are două elemente. Dacă încercați să adăugați un element la indexul 3 (al patrulea element), al treilea element va fi nedefinit. De exemplu,
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 3 index dailyActivities(3) = 'exercise'; console.log(dailyActivities); // ("eat", "sleep", undefined, "exercise")
Practic, dacă încercați să adăugați elemente la indici mari, indicii intermediari vor avea o valoare nedefinită.
Eliminați un element dintr-o matrice
Puteți utiliza pop()metoda pentru a elimina ultimul element dintr-o matrice. pop()Metoda returneaza , de asemenea , valoarea returnată. De exemplu,
let dailyActivities = ('work', 'eat', 'sleep', 'exercise'); // remove the last element dailyActivities.pop(); console.log(dailyActivities); // ('work', 'eat', 'sleep') // remove the last element from ('work', 'eat', 'sleep') const removedElement = dailyActivities.pop(); //get removed element console.log(removedElement); // 'sleep' console.log(dailyActivities); // ('work', 'eat')
Dacă trebuie să eliminați primul element, puteți utiliza shift()metoda. shift()Metoda elimină primul element și returnează , de asemenea , elementul eliminat. De exemplu,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Lungimea matricei
Puteți găsi lungimea unui element (numărul de elemente dintr-o matrice) folosind lengthproprietatea. De exemplu,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Metode de matrice
În JavaScript, există diverse metode de matrice disponibile care facilitează efectuarea calculelor utile.
Unele dintre metodele de matrice JavaScript utilizate în mod obișnuit sunt:
| Metodă | Descriere |
|---|---|
| concat () | alătură două sau mai multe tablouri și returnează un rezultat |
| Index de() | caută un element dintr-o matrice și îi returnează poziția |
| găsi() | returnează prima valoare a unui element matrice care trece un test |
| findIndex () | returnează primul index al unui element matrice care trece un test |
| pentru fiecare() | apelează o funcție pentru fiecare element |
| include () | verifică dacă un tablou conține un element specificat |
| Apăsați() | adaugă un element nou la sfârșitul unui tablou și returnează noua lungime a unui tablou |
| unshift () | adds a new element to the beginning of an array and returns the new length of an array |
| pop() | removes the last element of an array and returns the removed element |
| shift() | removes the first element of an array and returns the removed element |
| sort() | sorts the elements alphabetically in strings and in ascending order |
| slice() | selects the part of an array and returns the new array |
| splice() | removes or replaces existing elements and/or adds new elements |
Example: JavaScript Array Methods
let dailyActivities = ('sleep', 'work', 'exercise') let newRoutine = ('eat'); // sorting elements in the alphabetical order dailyActivities.sort(); console.log(dailyActivities); // ('exercise', 'sleep', 'work') //finding the index position of string const position = dailyActivities.indexOf('work'); console.log(position); // 2 // slicing the array elements const newDailyActivities = dailyActivities.slice(1); console.log(newDailyActivities); // ( 'sleep', 'work') // concatenating two arrays const routine = dailyActivities.concat(newRoutine); console.log(routine); // ("exercise", "sleep", "work", "eat")
Note: If the element is not in an array, indexOf() gives -1.
Visit JavaScript Array Methods to learn more.
Working of JavaScript Arrays
In JavaScript, an array is an object. And, the indices of arrays are objects keys.
Deoarece matricele sunt obiecte, elementele matricei sunt stocate prin referință. Prin urmare, atunci când o valoare a matricei este copiată, orice modificare a matricei copiate se va reflecta și în matricea originală. De exemplu,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
De asemenea, puteți stoca valori trecând o cheie numită într-o matrice. De exemplu,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
Indexarea matricei în JavaScript
Cu toate acestea, nu este recomandat să stocați valori trecând nume arbitrare într-o matrice.
Prin urmare, în JavaScript, ar trebui să utilizați o matrice dacă valorile sunt în colecție ordonată. În caz contrar, este mai bine să folosiți obiectul cu ( ).
Articole recomandate
- JavaScript pentru fiecare
- JavaScript pentru … din
- JavaScript Multidimensional Array
