Matrice în JavaScript. Matrice multidimensionale în javascript și mai multe moduri de a le sorta Matrice multidimensionale în exemple de javascript

Rulați codul de mai sus. Veți primi comanda 1, 15, 2. Acest lucru se datorează faptului că metoda convertește totul într-un șir și folosește ordinea lexicografică implicită.

Ziua bună tuturor. Alexey Gulynin este în legătură. În ultimul articol, am analizat construcția switch case în javascript. În acest articol, aș vrea să vă spun ce este matrice în Javascript... Noțiunea de matrice joacă un rol important nu numai în Javascript, ci și în toată programarea. O variabilă, cum ar fi o matrice, conține nu un element, ci mai multe. Sintaxa pentru crearea unui tablou este următoarea:

Var mas = nou Array (valoare1, valoare2, ..., valoareN);

În acest caz, se creează o variabilă mas de tip matrice cu valorile indicate în paranteze. Vă rugăm să rețineți că matricea este creată folosind noul cuvânt cheie. Vă puteți referi la elementele unei matrice specificând numele matricei și indexul matricei între paranteze drepte. Indicele matricei este bazat pe zero. Să dăm un exemplu de matrice cu 4 elemente și să ieșim 2 elemente:

Dacă punem mas, va tipări „privet”, deoarece indexarea matricei începe de la zero. Să ne dăm seama acum cum să afișam toate elementele unui tablou. Pentru a face acest lucru, trebuie să utilizați o buclă. Pe lângă cunoașterea buclelor în Javascript, trebuie să cunoașteți proprietatea de lungime a matricelor, care returnează numărul de elemente dintr-o matrice (sau, cu alte cuvinte, lungimea acesteia). Să tipărim lungimea matricei mas:

Ieșirea tuturor elementelor unui tablou:

Până acum, ne-am uitat la tablouri unidimensionale. În general, tablourile pot fi multidimensionale. Principalul lucru este să înțelegeți că, de exemplu, o matrice bidimensională este o matrice ale cărei elemente sunt matrice. Să analizăm următoarea problemă cu dvs.: trebuie să creați o matrice bidimensională 3 cu 3, ale cărei elemente sunt stabilite de utilizator și să afișați această matrice. Aici vom folosi operatorul prompt pentru a solicita utilizatorului un număr:

În cazul nostru, o matrice bidimensională corespunde (de exemplu) următoarei structuri: mas = [,,]. Puteți vedea că matricea are 3 elemente, fiecare dintre ele fiind o matrice în sine.

Inițial, sarcina lui Javascript a fost să creeze site-uri dinamice. În practica mea, nu am folosit nicăieri matrice bidimensionale, doar unidimensionale, așa că cunoștințele despre matrice pe care le-ați primit din acest articol vor fi destul de suficiente. Într-unul dintre articolele următoare, voi vorbi despre obiectul Array, proprietățile și metodele acestuia.

În JavaScript, matricele multidimensionale sunt matrice de matrice. Pentru a accesa un element al, de exemplu, o matrice bidimensională, trebuie să specificați un operator de două ori.

Să presupunem că matricea variabilă este o matrice de matrice de numere întregi. Fiecare dintre elementele matricei [j] este o matrice de numere. Pentru a ne referi la un număr separat, folosim notația: matrice [j] [k].

Exemplu. Să folosim o matrice bidimensională pentru a crea tabelul de înmulțire.

var matrice = nou Array (10); // există 10 linii în matrice

pentru (var j = 0; j< matrix.length; j++)

matrice [j] = nou Array (10); // d fiecare linie a creat 10 coloane

pentru (var rând = 0; rând< matrix.length; row++) {

pentru (col = 0; col< matrix .length; col++) {

matrice = rând * col; // umplerea elementelor matricei

var rezult = matrice; // rezultatul înmulțirii 24

O utilizare tipică a unei matrice 2D în JavaScript este de a crea o serie de opțiuni de meniu personalizate. Să presupunem că unele dintre opțiunile din meniul principal corespund opțiunilor dintr-un submeniu derulant. Să creăm o matrice a cărei lungime se potrivește cu numărul de opțiuni din meniul principal. Elementele acestui tablou vor fi matrice cu numele opțiunilor corespunzătoare acestora din submeniu.

meniu = nou Аrrаy ();

meniu = nеw Аrrаy ("Opțiunea 1.1", "Opțiunea 1.2", "," Opțiunea 1.3 ");

mеnu = nеw Аrrаy ("Opțiunea 2.1", "Opțiunea 2. 2");

meniu = nou Аrrаy ("Opțiunea 3.1", "Opțiunea 3.2", "Opțiunea 3.3", "Opțiunea 3.4");

Pentru a accesa prima opțiune a celui de-al doilea submeniu, trebuie să scrieți:

meniu // valoarea este „Opțiunea 2.1”;

Să modificăm construcția matricei astfel încât să conțină atât numele opțiunilor din meniul principal, cât și ale opțiunilor submeniului:

meniu = nou Аrrау ()

meniu = nou Arrau („Meniu1”, „Meniu2”, „Meniu3”);

meniu = nou Аrrау ();

meniu = noua matrice („Opțiunea 1.1”. „Opțiunea 1.2”, „Opțiunea 1.3”);

meniu = nou Arrau („Opțiunea 2.1”, „Opțiunea 2. 2”);

meniu = nou Array („Opțiune 3.1”, „Opțiune 3. 2”, „Opțiune H.3”, „Opțiune 3.4”);

meniu // valoarea este „Meniu2”

meniu // valoarea este „Meniu3”

meniu // valoarea este „Opțiunea 2.1”

meniu // valoarea este „Opțiunea 3.2”

Metode de matrice

În această secțiune, vom lua în considerare metodele cu care puteți manipula elementele matricei.

a te alatura () - o metodă care convertește fiecare dintre elementele matricei într-un șir și le concatenează. Un șir opțional poate fi specificat ca argument pentru metoda de separare a elementelor individuale din șirul rezultat. Dacă nu specificați un separator, separatorul implicit este o virgulă.

var arr =; // dat un tablou de trei elemente

var str = arr.join (); // valoarea str este „12,23,38”

str = arr.join (";"); // str == "12; 23; 38"

După cum sa menționat mai devreme, metoda Array.join () este inversul metodei String.split (), care împarte șirurile în elemente de matrice.

invers () - o metodă care inversează ordinea elementelor dintr-o matrice. Această metodă nu creează o nouă matrice, ci le schimbă ordinea în matricea originală.

var arr = nеw Аrrау (1,2,3); // arr = 1, arr = 2, arr = 3

arr.reverse (); // arr = 3, arr = 2, arr = 1

var str = arr.jоin (); // str == "3,2,1"

fel () - o metodă care sortează elementele unui tablou în loc și returnează o matrice sortată. Dacă metoda sort () este apelată fără niciun argument, va sorta elementele matricei în ordine alfabetică, transformându-le temporar în valori de șir pentru a efectua o comparație dacă este necesar.

var arr = nеw Аrrаy ("banana", "сherrry", "mere");

var str = arr.join (","); // str == „măr, banană, cireș”

Dacă matricea conține un element nedefinit, acesta este împachetat până la sfârșitul matricei.

Pentru a sorta nu în ordine alfabetică, ci într-o altă ordine, metoda sort () este transmisă ca argument funcției de comparație, a cărei sarcină este să indice regula conform căreia unul dintre cele două argumente ale sale va fi localizat mai devreme în lista sortată. Dacă al doilea trebuie să fie precedat de primul argument, funcția de comparare trebuie să returneze o valoare negativă. Dacă în tabloul sortat primul argument trebuie să-l urmeze pe al doilea, atunci funcția trebuie să returneze un număr pozitiv. Funcția de comparație ar trebui să returneze 0 dacă cele două valori sunt echivalente, adică ordinea lor nu este importantă. Exemplu.

Să sortăm în ordine numerică.

var arr =;

arr.sort (); // în ordine alfabetică: 11111, 2222, 333, 44

arr.sort (funcție (primul, al doilea) (//

întoarcere primul - al doilea; )); // Ordine numerică: 44, 333, 2222, 11111

Este convenabil să folosiți un literal funcțional în acest fragment de cod, deoarece funcția de comparare va fi apelată o dată și nu este nevoie să o denumiți.

Prin definirea altor funcții de sortare, puteți efectua o mare varietate de metode de sortare.

concat () - o metodă care creează și returnează o nouă matrice care conține elementele matricei originale, completată cu valorile tuturor argumentelor specificate în metoda concat (). În cazul în care argumentul în sine este o matrice, elementele sale vor fi adăugate la tabloul rezultat. Dar, trebuie remarcat faptul că recursiunea nu este efectuată atunci când se împarte matrice de matrice.

var arr =;

arr.concat (4, 5) // rezultat

arr. concat (); // rezultat

arr. concat (,) // rezultat

arr. concat (4,]) // rezultat]

felie () - o metodă care returnează un subbary (fragment) din tabloul original. Metoda are două argumente care indică începutul și sfârșitul subbaryului returnat. Tabloul returnat va conține elemente începând de la cel al cărui index este indicat de primul argument, până la elementul al cărui index este indicat de al doilea argument, dar fără a-l include.

Dacă specificați un singur argument, matricea returnată conține elemente de la poziția specificată de argument până la sfârșitul matricei. Un argument negativ specifică numărul elementului de matrice de la sfârșitul matricei.

var arr =;

arr.slice (0,3); // va reveni

arr. felie (3); // va reveni

arr. felie (1, -1); // va reveni

arr. felie (-3, -2); // va reveni

îmbinare () - o metodă universală care poate fi folosită pentru a adăuga și elimina elemente dintr-o matrice sau pentru ambele operații în același timp. Ca rezultat al operațiunii metodei, matricea originală este schimbată.

În metoda splice (), primul argument specifică indexul matricei la care va începe ștergerea și/sau inserarea, al doilea argument specifică numărul de elemente de eliminat. Dacă omiteți al doilea argument, atunci elementele matricei vor fi eliminate, începând de la poziția specificată de primul argument al metodei și până la sfârșitul matricei. Returnează metoda splice (). serie de elemente eliminate. Dacă al doilea argument este 0, metoda va returna o matrice goală.

var arr =;

arr.splice (4); // va reveni; arr devine egal

arr.splice (1,2); // va reveni; arr devine egal

Două argumente pentru metoda splice (), care specifică elementele matricei care trebuie eliminate, pot fi urmate de orice cantitate argumente suplimentare care specifică elementele de inserat în matrice, începând cu indexul specificat de primul argument al metodei.

var arr =;

arr.splice (2,0, "ab", "cd"); / * va reveni; arr devine * /

îmbinare (2,2,, 3); / * va returna ["ab", "cd"]; arr devine, 3,33,44,55] * /

Rețineți că metoda splice () nu împarte argumentele matricei în elemente separate care trebuie inserate, ci mai degrabă inserează matricea în sine.

apăsați () și pop () - metode care permit utilizarea matricelor ca stive. Metoda push () adaugă elemente noi la sfârșitul matricei și returnează noua lungime a matricei. Metoda pop () elimină ultimul element din matrice și returnează valoarea ștearsă ca rezultat.

Ambele metode modifică matricea originală. Când utilizați o combinație a metodelor push () și pop () în JavaScript, puteți utiliza o matrice pentru a crea o stivă cu o regulă de serviciu primul întrat, ultimul ieșit.

var stаk =; // stiva goală

stivă.împinge (1,2); // matrice: va returna 2

grămadă. pop (); // matrice: va returna 2

stivă.împinge (3); // matrice: va returna 2

stak.рр (); // matrice: va returna 3

stivă.împinge (); // matrice:] va returna 2

grămadă. pop () // matrice: va reveni

grămadă. pop (); // matrice: va returna 1

unshift () și shift () - metode care funcționează aproape la fel ca push () și pop (), dar nu inserează și elimină elemente la sfârșitul matricei, ci la început.

Metoda unshift () adaugă unul sau mai multe elemente la începutul matricei, compensând elementele până la sfârșitul matricei și returnează noua lungime a matricei. Metoda shift () este folosită pentru a elimina primul element al unui tablou, returnează elementul eliminat.

var arr =; // arr:

arr.unshift (1); // arr: va returna 1

arr.unshift (22); // arr: va returna 2

arr.shift (); // arr: va returna 22

arr.unshift (3,); // arr:, 1] va returna 3

arr.shift (); // arr: [, 1] va returna 3

arr.shift (); // arr: se va întoarce

arr.shift (); // arr: va returna 1

La apelarea metodei unshift () cu mai multe argumente, aceste argumente sunt inserate dintr-o dată, mai degrabă decât pe rând, așa cum se face în metoda splice (). Adică, în tabloul rezultat, valorile vor fi aranjate în aceeași ordine în care au fost scrise în lista de argumente când a fost apelată metoda.

toString () și toLocaleString ()- metode care convertesc fiecare dintre elementele matricei într-un șir și afișează o listă separată prin virgulă a șirurilor primite. Metoda toString (), după cum s-a menționat, este disponibilă pentru orice obiect din JavaScript, inclusiv pentru o matrice. Rețineți că metodele nu lasă paranteze pătrate sau orice alți separatori în jurul valorilor matricei.

ToString () // va returna „1,2,3”

["a", "b", "c"]. toString () // va returna "a, b, c"

] .toString () // va returna „1,2, s”

Metoda toString () va returna același șir ca și metoda join () dacă este apelată fără parametri.

toLocaleString () - O metodă care concatenează șirurile rezultate folosind un delimitator specific regiunii.

Exemplul 1. Crearea unui banner ciclic (slideshow).

Să creăm o serie de imagini care vor apărea pe pagină la anumite intervale.

Exemplul 2. Ieșirea unui aforism aleatoriu pe pagină. Un aforism aleatoriu apare de fiecare dată când pagina este reîmprospătată.

Data obiect

În JavaScript, obiectul Date este proiectat să funcționeze cu valori de dată și oră. Un obiect este instanțiat de constructorul Date () folosind operatorul new.

var new_day = new Date ();/ * A fost creată o instanță a obiectului, care stochează informații despre ora și data curente (citește ora sistemului computerului). * /

var Crăciun = nou Data (2016, 11, 25);/ * A creat o instanță de obiect cu data Crăciunului. Numerele lunii sunt numărate de la zero, deci decembrie este numerotat 11 în ordine * /

Metodele definite pe obiectul Date () vă permit să setați și să stocați diferite valori de oră și dată și să efectuați o serie de acțiuni asupra acestora folosind fie ora locală, fie Greenwich Mean Time (GMT).

Christmas.setFullYear (xmas.getFullYear () + 1);/ * Data Crăciunului de anul viitor * /

var weekdau = Christmas.getDay ();// Ziua săptămânii de Crăciun.

document.write ("Astăzi:" + new_day.toLocaleString ());// Valoarea șirului de date și ore curente.

În JavaScript, pentru obiectul Date (), funcțiile sunt definite (nu sunt apelate prin obiectul Date (), prin urmare, nu metode, ci funcții) pentru a converti o dată, care este specificată sub formă numerică sau ca șir, într-un reprezentare în milisecunde, care este folosită în unele operațiuni cu date.

Constructorul la crearea unei noi instanțe a obiectului Date () poate fi utilizat în următoarele moduri:

noua dată ();/ * Constructorul Date () fără argumente creează un obiect a cărui valoare este egală cu data și ora curente. * /

noua dată (număr_milisecunde);/ * Singura valoare numerică este specificată în constructor, este folosită ca reprezentare a datei în milisecunde, care este aceeași cu valoarea returnată de metoda getTime (). * /

data noua (data_string_reprezentare);/ * Dacă un singur argument șir este specificat în constructor, acesta este tratat ca o reprezentare șir a datei în formatul pe care metoda Date.parse () îl acceptă. * /

data noua (an, luna, zi, ore, minute, secunde, milisecunde);/ * Constructorul poate fi transmis de la două până la șapte argumente numerice care specifică câmpurile individuale de dată și oră. În afară de primele două câmpuri care indică anul și luna, toate celelalte argumente sunt opționale. * /

Data () poate fi apelată ca funcție fără a specifica noul operator. În acest caz, orice argument transmis este ignorat și data și ora curente sunt returnate.

Să indicăm ce valori pot lua argumentele atunci când folosim diferite forme ale constructorului:

număr_milisecunde este numărul de milisecunde dintre data dorită și miezul nopții de 01 ianuarie 1970 UTC. Să spunem, dacă argumentul este 5000, va fi creată o dată care reprezintă cinci secunde după miezul nopții 01/01/1970.

date_string_representation - argumentul specifică data și ora opțională ca șir. Șirul trebuie specificat într-un format pe care metoda Date.parse () îl înțelege.

an - patru cifre ale anului. Pentru compatibilitate cu implementările anterioare JavaScript, dacă valoarea argumentului este între 0 și 99, numărul 1900 este adăugat la valoarea sa.

ziua este un număr întreg de la 1 la 31 reprezentând ziua lunii. Argumentul este optional.

ore este un număr întreg de la 0, ceea ce înseamnă miezul nopții, la 23. Acest argument este opțional.

minute este un număr întreg de la 0 la 59. Acest argument este opțional.

secunde. Secunde în minute, specificate ca un număr întreg de la 0 la 59. Argument opțional.

milisecunde este numărul de milisecunde, specificat ca număr întreg, cuprins între 0 și 999. Acest argument este opțional.

Salutări tuturor celor interesați de matrice multidimensionale și sortare JavaScript. În publicația actuală, voi încerca să acopăr acest subiect în toate detaliile.

Prin urmare, după ce ați citit acest articol, veți afla de ce sunt utilizate matricele multidimensionale în aplicațiile web, cum sunt create și cum pot fi manipulate și sortate. Să trecem la învățare!

Cum sunt create matricele multidimensionale și pentru ce sunt acestea?

Pentru început, merită să ne amintim cum este creată o matrice unidimensională obișnuită.

var array =

Acum amintiți-vă că o matrice multidimensională este o matrice de matrice. Sunt de acord, sună ca o tautologie. Cu toate acestea, citiți din nou definiția. Într-adevăr, o matrice multidimensională constă dintr-un anumit număr de imbricate.

Luați în considerare următoarea situație. La începutul unui joc, utilizatorul își introduce numele, iar după sfârșit, pe ecran este afișat un tabel de rating cu numele jucătorilor și înregistrările acestora.

Este clar că astfel de informații sunt stocate într-o bază de date. Dar când îl scoatem din baza de date, obținem o matrice multidimensională. La urma urmei, fiecare subbary conține datele de conectare ale jucătorului și numărul de puncte marcate.

Totul va arăta astfel:

var rezultate = [["Markus", 333], ["Natasha", 211], ["Alexey", 124]];

După cum puteți vedea, informațiile pot fi stocate în mod eterogene. Poate fi șiruri, numere și chiar. Acest lucru este posibil deoarece tablourile din sunt netipizate.

În acest caz, accesul la elemente se face printr-un operator dublu.

Pentru a consolida materialul, analizați un mic program.

Rezultate =

Matricele sunt o modalitate destul de convenabilă de a stoca date complexe comandate în timpul procesării lor. În plus, este foarte convenabil să lucrezi cu ei și, în același timp, viteza de procesare a acestora este destul de mare.

Metode de sortare a datelor

Pentru tablourile în JavaScript, există o metodă încorporată numită fel ()... Acest instrument este foarte flexibil. Și acum voi explica de ce.

Dacă utilizați o metodă fără parametri, aceasta ordonează automat sub-tabele după primul element în ordine alfabetică. Deci, când suni rezultate.fel () obiectul analizat va arăta astfel:

Alexei, 124 de ani

Markus, 333

Natasha, 211

Și dacă schimbați elementele din fiecare matrice imbricată, obțineți:

124, Alexey

211, Natasha

333, Markus

În acest caz, pentru comparație, toate elementele sunt temporar convertite în șiruri.

Dacă, pentru a rezolva o problemă specifică, aveți nevoie de o funcție care sortează elementele într-un mod nestandard, atunci o puteți scrie singur și o puteți transmite ca parametru către fel ()... Trebuie remarcat faptul că o funcție definită de utilizator trebuie să returneze:

• un număr pozitiv (în general este ales 1) dacă primul element specificat îl urmează pe al doilea în comparație;
• un număr negativ (de obicei -1) dacă al doilea element selectat trebuie să-l urmeze pe primul;
• zero dacă cele două valori testate sunt egale.

Ca exemplu, să luăm matricea inițială rezultate sortați după puncte. Mai mult, rezultatele vor fi sortate de la cel mai mare la cel mai mic. Acest lucru se poate face în două moduri.

În prima versiune, am schimbat logica de sortare, adică. in situatia in care este necesar sa returnez un numar pozitiv, returnez unul negativ si invers.

Tabelul de înregistrare:

Dar în a doua metodă, am lăsat intactă logica de sortare, dar am folosit în plus o altă metodă - invers ()... După cum sugerează și numele, invers inversează ordinea elementelor.

Prin urmare, funcția sort () va arăta astfel:

funcția RecordSort (a, b) (dacă (a> b) returnează 1; altfel dacă (a< b) return -1; else return 0; }

După aceea, să adăugăm metoda de mai sus.

Concluzia se face într-un mod similar.

Vreau să vă atrag atenția asupra unui punct important. Când utilizați aceste funcții, toate modificările au loc asupra matricei la care le aplicați. Astfel, dacă trebuie să păstrați forma originală a datelor, atunci creați o copie și apoi editați-o.

Ei bine, așa că am vorbit despre matrice multidimensionale și sortarea lor. Dacă ți-a plăcut articolul, atunci abonează-te la blog și citește alte publicații la fel de interesante. Aș fi recunoscător pentru repostări. Pana data viitoare!

Pa! Pa!

Cu stima, Roman Chueshov