Introducere în Metode Arrayuri în JavaScript
Javascript oferă tablouri pentru a reține date precum numere întregi, șiruri și obiecte definite de utilizator. Scenariul cazurilor de utilizare este similar cu conceptul de matrice pe care îl găsim în alte limbi. În acest subiect, vom învăța despre metodele Arrays în JavaScript.
Javascript este un limbaj frontal care adaugă un comportament dinamic unei pagini web, aceste tablouri sunt folosite pentru a reține date care trebuie redate în pagina web, ca și cum ai o listă de cărți cu numele lor, numele autorului, data publicării și costul, deci aceasta toate pot fi plasate într-un obiect și astfel de obiecte multiple generate între timp pot fi stocate în aceste tablouri care pot fi transmise controlerului pentru prelucrare, sau în același mod, controlorul îl poate trimite la vizualizare pentru redare.
Declarația Array în Javascript se face astfel
var arr = new Array();
sau
var arr=();
sau
var arr = (1, 2, 3, 4);
Aici puteți vedea un lucru pe care l-am dat valori întregi în tablou și l-am marcat ca fiind tip var, în Javascript toate elementele vor fi stocate numai cu tip var și dacă vor fi tratate și întregi sau de altfel tipuri de date pe care le vedeți acestea apar ca, apoi analizarea în acest tip trebuie făcută în timpul utilizării datelor din tablou.
Metode de Arrayuri în Javascript
Pentru procesarea datelor de tip array, avem mai multe metode disponibile, acestea ne vor ajuta să efectuăm unele operații care sunt necesare în timpul procesării datelor și manipulărilor.
1. Înainte
Această metodă este folosită pentru a bucla peste datele matricei și putem avea fiecare element individual redat la marcatorul dorit pe pagina web.
var country = ('India', 'Australia', 'South Africa');
vom itera de la indicele 0 la lungimea-1, unde lungimea este dimensiunea tabloului, care este 3 aici.
Acum, vom itera peste ele folosind metoda forEach -
Exemplu
var country = ('India', 'Australia', 'South Africa');
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Rezultat -
2. Împingeți
Ori de câte ori aveți un tablou existent și, între timp, efectuați anumite calcule unde probabil că acel tablou primește o anumită valoare de date care să i se adauge. În acest caz, se va utiliza funcția de împingere.
Să adăugăm o țară la lista definită mai sus și vom reitera această dată și, de asemenea, va fi afișată și lungimea modificată.
Nu uitați că împingerea se va face la ultimul index disponibil în tablou.
Exemplu
// this line gives current length ie 3
console.log(country.length + ' is current length')
// here we push one more country
country.push('USA')
//print updated length
console.log(country.length + ' is current length')
// print each element and index
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Rezultat -
3. Pop
De asemenea, putem avea o cerință în care trebuie să ștergem elementele de date din tablou, pop este folosit pentru a șterge elementul de la sfârșitul tabloului, adică ultimul element al tabloului va fi șters și așa mai departe.
Să luăm un exemplu pentru a vedea același lucru -
// this line gives current length ie 4
console.log(country.length + ' is current length')
// pop the last element, it doesn't take any argument
Country.pop()
// this line gives current length ie 3, as the array lost one element
console.log(country.length + ' is current length')
Rezultat -
4. Shift ()
Este posibil să aveți o cerință în care trebuie să scoateți elementul din fața tabloului, deci nu puteți utiliza pop pentru asta, deoarece va șterge mai întâi toate datele dvs. și apoi vă va face să ajungeți la primul dvs. element, pentru asta avem schimbarea () metoda, aceasta va elimina direct elementul de la începutul tabloului.
Să vedem un exemplu de mai jos pentru asta -
Aici vom rula bucla forEach pentru a arăta ce element a fost șters.
// line below will remove India, which was the first element
country.shift() ;
//let's print the elements now
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Rezultat -
În imaginea de mai sus, puteți vedea că întregul tablou a fost schimbat efectiv spre stânga elementul „Australia” s-a mutat de la indexul 1 la indexul 0. Deci această operație duce la schimbarea tuturor elementelor tabloului și poate fi scumpă atunci când datele sunt cu adevărat uriașe, așa că acestea vor fi utilizate cu analize adecvate și trebuie urmate tehnici corecte de codare.
5. Declanșare ()
Aici, cerința este să adăugați datele pe partea din față a tabloului, mai degrabă decât să adăugați la sfârșitul acesteia, această metodă se numește unshift () și aceasta va adăuga, de asemenea, o suprasolicitare a mișcării tuturor elementelor care ies din tablă la dreapta cu unul index într-o operațiune de inserare.
Aceasta se poate dovedi, de asemenea, o operațiune costisitoare atunci când performanța trebuie să fie la egalitate.
Haideți să vedem un exemplu despre cum să faceți acest decalaj -
Vă rugăm să consultați indexul în care apare elementul nou „Canada” din instantaneu.
//add Canada
country.unshift('Canada');
//print elements
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Rezultat -
6. Splice
Această metodă este folosită pentru a elimina elementele bazate pe un anumit indice trecut de utilizator, până acum am văzut push și pop, shift și unshift, toate acestea s-au ocupat de ultimii și primii indici, dacă se presupune că vom elimina operațiunea cu indexuri de mijloc atunci avem nevoie de metoda splice și putem trece indexul elementului pentru a fi eliminat din tablou.
Să luăm un exemplu în care am dat un index de pornire de unde toate elementele trebuie să fie eliminate din tablou.
Am adăugat Newzealand în tabloul existent și am făcut din nou dimensiunea 4.
//the following statement will target index 2 and 3 to be removed.
country.splice(2), /code>
Rezultat -
7. esteArray ()
Această metodă verifică dacă o variabilă este de tip array sau nu.
Haideți să facem acest lucru din imaginea următoare
Concluzie
Aici am văzut mai multe metode de manipulare a datelor cu javascript, care este util atunci când dezvoltați jocuri sau dezvoltați pagini web.
Articole recomandate
Acesta este un ghid pentru metodele Arrayuri în JavaScript. Aici vom discuta despre mai multe metode care ne vor ajuta să efectuăm unele operații care sunt necesare în timpul procesării datelor și manipulărilor. De asemenea, puteți arunca o privire la următoarele articole pentru a afla mai multe -
- Constructor în JavaScript
- Schițe în JavaScript
- Ce este JavaScript?
- Suprasolicitare în JavaScript
- Arătări în PHP