Introducere în Arrayuri în JavaScript

După cum știm, obiectele ne permit să stocăm colecții cheie de valori. Dar uneori avem nevoie de o colecție comandată, în care trebuie să depozităm elementele 1, 2, 3 și multe altele. De exemplu, consideră că trebuie să stocăm o listă cu ceva: date ale utilizatorilor, date despre bunuri și multe altele. Nu este potrivit să folosiți un obiect aici, deoarece nu oferă metode pentru a gestiona ordinea elementelor. Obiectele nu sunt create pentru o astfel de utilizare. Există o structură specială de date numită Array, pentru a stoca colecțiile comandate. Arătări în JavaScript permite stocarea mai multor valori într-o singură variabilă. Stochează același tip de colecție de elemente de dimensiuni fixe secvențiale.

Schițele din JavaScript sunt utilizate pentru a stoca un set de informații, dar este adesea mai util pentru stocarea unui set de variabile de același tip. O matrice este o singură variabilă în JavaScript care este folosită pentru a stoca diverse elemente. Când dorim să stocăm o listă de elemente și să le accesăm printr-o singură variabilă, aceasta este adesea folosită. Spre deosebire de multe alte limbi în care un tablou este o referință variabilă variată, există o singură variabilă în tabloul JavaScript care stochează diverse elemente. Obiectele Arrays în JavaScript sunt un obiect global utilizat în construirea tablelor; care este obiecte de nivel înalt, asemănătoare listei.

Cum funcționează tabloul în JavaScript?

Arătările în JavaScript sunt o modalitate de a stoca elemente într-o singură variabilă în memorie. Prin indexul său, elementele pot fi accesate în tablou. Indicele matricial începe cu 0. Matricele Javascript sunt bazate pe zero, ceea ce înseamnă că primul indice de element este 0. Acest lucru este foarte important deoarece înseamnă că o compensare a unei unități va exista întotdeauna: primul element va avea un indice de 0, și al doilea element va avea un indice de 1 și așa mai departe.

Cum se creează tablouri în JavaScript (exemplu)?

Obiectul Array vă permite să stocați diferite valori într-o singură variabilă. Stochează o colecție secvențială de dimensiuni fixe cu același tip de elemente. Un tablou este utilizat pentru a stoca un set de colecții, dar este adesea mai util să luați în considerare un tablou ca un set de același tip de variabile. Matricea de notare literală simplifică crearea de matrice în JavaScript. Acesta cuprinde două paranteze pătrate care înfășoară elemente opționale, separate de virgule. Numărul, șirul, booleanul, nulul, nedefinit, obiectul, funcția, expresia regulată și alte structuri pot fi orice tip de elemente de matrice.

Matricea poate fi creată în JavaScript așa cum este prezentat mai jos

var country = ("India", "England", "Srilanka");

În creația de mai sus, inițializați un tablou și a fost creat cu valorile „India”, „Anglia” și „Srilanka”. Indicele „India”, „Anglia” și „Srilanka” este 0, 1 și respectiv 2. Puteți adăuga elemente suplimentare în tabloul de țară, apoi îl puteți face așa cum se arată mai jos

country(3) = "New Zealand";
country(4) = "Australia"
var country = new Array("India", "England", "Srilanka");
OR
var country = new Array();
country(0) = "India";
country(1) = "England";
country(2) = "Srilanka";

Exemplu


JavaScript Creating Array


var my_array=("England", "Australia", "India");
document.getElementById("myarray").innerHTML = my_array;

producție

Tipuri de tablouri în JavaScript (Explicați fiecare tip cu exemplu)

Mai jos sunt diferite tipuri de matrice în javascript după cum urmează:

  • Array Literal

Matricea poate fi creată cu un tablou literal folosind sub sintaxa

var arrayname=(value1, value2…..valuen);

Luați în considerare exemplul simplu de creare a unui tablou în JavaScript folosind Array Literal


Array Literal

var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)
Array Literal

var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)

Rezultat :

  • Array direct

Matricea poate fi creată cu matricea direct folosind noul cuvânt cheie așa cum se arată mai jos în sintaxa

var arrayname=new Array();

Mai jos un exemplu de creare a unui tablou în JavaScript folosind Array Direct cu ajutorul noului cuvânt cheie


Array Directly

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)
Array Directly

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)

Rezultat :

  • Constructor Array

Instanța matricială poate fi creată trecând argumente într-un constructor. Următorul exemplu creează o matrice în JavaScript folosind Array Constructor cu ajutorul noului cuvânt cheie


Array Constructor

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)
Array Constructor

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)

producție

Explicați metodele matrice în JavaScript

Mai jos sunt prezentate metodele matrice în JavaScript, după cum urmează

1. metoda concat ()

Puteți crea un nou tablou cu o combinație de două sau mai multe tablouri cu ajutorul metodei concat ().

Sintaxă

array.concat(val1, val2, …, valN);

Exemplu


JavaScript Array Method

var chars = ("A", "B", "C");
var num = (10, 20, 30);
var concat_res = chars.concat(num);
document.write("Concatenated Result : " + concat_res );

producție

2. fiecare ()

fiecare () metodă verifică dacă elementele date sunt adevărate sau false într-un tablou, așa cum este prevăzut în condiție. Se returnează adevărat dacă condiția se potrivește cu condiția dată altfel returnează fals.

Sintaxă

Array.every(callback, thisArg)

În cazul în care callback este o condiție pentru a testa funcția și acestArg este un parametru opțional utilizat la executarea apelului de apel.

Exemplu


JavaScript Array Method

var vals=(150, 400, 450, 375, 200);
function check_num(value)
(
return value>100;
)
document.writeln(vals.every(check_num));

producție

3. completați ()

Metoda fill () este utilizată pentru a completa valorile statice specificate modificând valorile originale din tabloul dat.

Sintaxă

array.fill(value)

Exemplu


JavaScript Array Method

var my_array=("England", "Australia", "India");
var array_result=my_array.fill("EDUCBA");
document.writeln(my_array);

producție

4. filtru ()

Metoda filter () este utilizată pentru a filtra elementele tabloului în funcție de condiția dată.

Sintaxă

array.filter(callback, thisArg)

Exemplu


JavaScript Array Method

var vals=(150, 200, 345, 375, 125);
function check_num(value)
(
return value>150;
)document.writeln(vals.filter(check_num));

producție

5. pentru fiecare ()

Metoda forEach () este utilizată pentru a invoca funcția pentru fiecare element de matrice.

Sintaxă

array.forEach(callback, thisArg)

Exemplu


JavaScript Array Method

var my_array = ('India', 'Srilanka', 'England');
my_array.forEach(function(fetch) (
document.writeln(fetch);
));

producție

6. include ()

Metoda include () este utilizată pentru a verifica dacă elementul dat este inclus sau nu. Dacă elementul este inclus într-un tablou, atunci se întoarce adevărat, altfel returnează false.

Sintaxă

array.includes(element) //where “element” is a value which is to be searched in the array

Exemplu


JavaScript Array Method

var my_array=("Sachin", "Dhoni", "Kohli", "Rohit", "Dhawan") var array_result=my_array.includes("Sachin");
document.writeln(array_result);

producție

7. alăturați-vă ()

Metoda join () este utilizată pentru a combina elementele de matrice în șir și oferă o nouă șir.

Sintaxă

array.join(separator)

Exemplu


JavaScript Array Method

var my_array=('India', 'Srilanka', 'England') var array_result=my_array.join('-')
document.write(array_result);

producție

8. pop ()

Metoda pop () este utilizată pentru a extrage ultimul element al tabloului dat.

Sintaxă

array.pop(operator)

Exemplu


JavaScript Array Method

var my_array=("England", "Australia", "India");
document.writeln("Real array elements: "+my_array+"
");
document.writeln("Extracted element of array: "+my_array.pop()+"
");
document.writeln("Remaining elements of array: "+ my_array);

producție

9. apasa ()

Metoda push () este utilizată pentru a adăuga elementul la sfârșitul tabloului.

Sintaxă

array.push()

Exemplu


JavaScript Array Method

var my_array=("England", "Australia", "India");
my_array.push("Srilanka");
document.writeln(my_array);

producție

10. invers ()

Metoda inversă () este utilizată pentru a inversa secvența gamei de elemente date. Ultimul element va deveni primul și primul element va deveni ultimul.

Sintaxă

array.reverse()

Exemplu


JavaScript Array Method

var my_array=("England", "Australia", "India");
var reverse_val=arr.reverse();
document.writeln(reverse_val);

producție

11. tura ()

Metoda shift () este utilizată pentru a returna primul element al unui tablou.

Sintaxă

array.shift()

Exemplu


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.shift();
document.writeln(array_result);

producție

12. felie ()

Metoda felie () este utilizată pentru a afișa o parte din elementele de tablă date fără a schimba matricea originală.

Sintaxă

array.slice(start, end)

Exemplu


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.slice(2, 3);
document.writeln(array_result);

producție

13. sort ()

Metoda sort () este utilizată pentru afișarea elementelor de matrice în ordine crescătoare.

Sintaxă

array.sort()

Exemplu


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.sort();
document.writeln(array_result);

producție

14. unshift ()

Metoda unshift () este utilizată pentru a adăuga elemente la începutul tabloului.

Sintaxă

array.unshift(“element”)

Exemplu


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.unshift("Kohli");
document.writeln(my_array);

producție

15. indexOf ()

Metoda indexOf () este utilizată pentru a căuta poziția unui element dintr-un tablou dat.

Sintaxă

array.indexOf(“element”)

Exemplu


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.indexOf("Rohit");
document.writeln(array_result);

producție

Concluzie

După cum s-a discutat până acum, un tablou este un fel special de obiect pentru stocarea și gestionarea elementelor de date. Un tablou este un obiect, care oferă un grup de elemente și util pentru stocarea unei cantități mari de date de același tip. Proprietățile și metodele obiectelor matrice îi ajută pe dezvoltatori să gestioneze ușor tablourile. Ca obiect global, JavaScript Array poate fi utilizat la construcția de tablouri la nivel înalt.

Articol recomandat

Acesta a fost un ghid pentru Arrayuri în JavaScript. Aici vom discuta despre diferitele tipuri și metode de matrice împreună cu Exemplu. Puteți parcurge și alte articole sugerate pentru a afla mai multe

  1. Instrumente JavaScript
  2. Funcții matematice JavaScript
  3. Cele mai bune cadre JavaScript
  4. Utilizări JavaScript
  5. Arătări în PHP

Categorie:

Dezvoltare de software