matrice Java. Partea 6 Curs JavaScript de la începător la avansat în 10 postări de blog

Aceasta este partea a 6-a a seriei de postări de blog JavaScript, care vă va duce de la începător la avansat. Până la sfârșitul acestei serii, veți cunoaște toate elementele de bază pe care trebuie să le cunoașteți pentru a începe să codificați în JavaScript. Fără alte prelungiri, să începem cu al șaselea tutorial.

Matrice Java - cuprins:

1. Matrice – informații de bază
2. Adăugarea de elemente într-o matrice java
3. Eliminarea elementelor dintr-o matrice
4. Aflarea lungimii în matrice
5. Sortarea matricelor
6. Inversarea elementelor din matrice
7. Pentru fiecare
8. Include în matrice

Acest tutorial presupune că aveți deja configurat un mediu de codare. Dacă ați urmat tutorialele anterioare, ar trebui să îl aveți deja deschis. Dacă dintr-un motiv oarecare v-ați închis configurarea, puteți găsi instrucțiunile complete de configurare în partea 4 a acestei serii. În acest tutorial vom explica cum să configurați mediul dvs. Google Chrome Snippets pentru codare.

Dacă vă simțiți oarecum confortabil folosind Google Chrome, iată o modalitate rapidă de a vă configura pentru acest tutorial, altfel puteți consulta Partea 4 pentru setul complet de instrucțiuni pas cu pas despre cum să configurați mediul de codare.

Dacă sunteți pe un Mac, comanda rapidă de la tastatură pentru a deschide consola este să apăsați „Option + Command + J”, după ce deschideți Chrome. Dacă utilizați un dispozitiv Windows, puteți utiliza comanda rapidă de la tastatură „Control + Shift + J”, pentru a deschide Consola JavaScript, odată ce deschideți Chrome. Sau puteți accesa și meniul din partea de sus și accesați Vizualizare -> Dezvoltator -> Consola JavaScript. După ce ați deschis Consola, puteți face clic pe fila „Surse”, care se află chiar lângă „Consola”. Acum arată că vezi fragmente. Puteți fie să continuați să codificați într-un fragment pe care ați început deja să îl utilizați anterior, fie puteți crea un nou Snippet făcând clic pe butonul „+ Fragment nou”. Atâta timp cât aveți o codare configurată pentru acest tutorial unde puteți exersa, sunteți gata.

Matrice Java - informații de bază

Matricele sunt foarte utilizate în multe limbaje de programare, iar JavaScript nu face excepție. Și este pentru un motiv întemeiat. Dar s-ar putea să vă întrebați ce este o matrice pentru a începe? Matricele sunt în esență o colecție de date conexe care pot fi accesate și manipulate cu anumite metode definite. Să vedem câteva exemple pentru o matrice pentru a avea o înțelegere mai completă.

const numbersUntilTen = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const testAnswers = [true, true, false, false, true];
const pets = ["dogs", "cats", "birds", "fishes"];

Putem folosi o matrice java pentru a stoca mai multe tipuri diferite de date. De exemplu, în codul de mai sus am stocat câteva numere, boolean, precum și tipul de date șir.

Putem crea o matrice java la fel ca și crearea altor variabile, fie cu cuvinte cheie const, fie cu let în partea stângă și conținutul matricelor în partea dreaptă a ecuațiilor. Un lucru pe care ar trebui să-l acordați atenție este că atunci când creăm matrice, folosim parantezele drepte pentru a înconjura elementele, la fel cum am făcut în codul de mai sus. De asemenea, separăm fiecare articol cu ​​o virgulă între ele, indiferent de tipul lor de date.

În acest tutorial vom scrie cod într-un mod în care să puteți copia și lipi totul din acest tutorial, secvenţial sau să tastați totul, într-un fragment JavaScript în Chrome și ar funcționa conform așteptărilor, având în vedere că urmați ordinea. De exemplu, ceea ce înseamnă pentru tine este că, dacă definim o variabilă cu cuvântul cheie const o dată în tutorial, în mod normal nu poți defini din nou o altă variabilă cu exact același nume. De aceea, dacă intenționați să copiați și să lipiți parțial o parte din cod, este o idee bună să vă asigurați că definiți și acele variabile în codul dvs. Aceasta nu ar trebui să fie o problemă dacă urmați tutorialul în ordinea în care este prezentat.

Unul dintre primele lucruri pe care ar trebui să le știți despre o matrice java este că, odată ce ați creat o matrice, trebuie să accesați elementele acesteia. Matricele au ceva numit „indexuri numerotate”, iar ceea ce înseamnă acest lucru pentru tine în practică este că fiecare element pe care îl creați în JavaScript, există un număr care este asociat cu acesta de la stânga la dreapta, de la zero la lungimea matricei java. minus unu.

De exemplu, în codul de mai sus pentru animalele de companie, putem accesa primul element de „câini” notând numele variabilei, deschidem paranteze pătrate, punem în indexul articolului pe care vrem să-l accesăm și închidem paranteza pătrată. :

alert(pets[0]);

În mod similar, introducerea unor numere mai mari va declanșa afișarea altor elemente în caseta de alertă pe care o afișăm.

alert(pets[1]);
alert(pets[2]);
alert(pets[3]);

Deoarece aveam 4 elemente în matricea pets și am pornit indexurile de la 0, ultimul element din matrice este accesat cu pets[3], care este cu 1 mai puțin decât lungimea totală a matricei. În acest moment, s-ar putea să vă întrebați, acum că putem crea o matrice și putem accesa un element din acea matrice, ce ziceți de a face modificări la acea matrice? Ce zici de adăugarea de elemente noi, modificarea elementelor existente sau ștergerea elementelor? Ei bine, haideți să o luăm pas cu pas și să începem cu adăugarea de elemente noi la o matrice.

Adăugarea de elemente într-o matrice java

Există mai multe moduri în care putem adăuga diferite elemente la o matrice. Dacă știm că dorim să adăugăm noul element la sfârșitul matricei, atunci putem folosi metoda „push”. Acest lucru se mai numește și împingerea unui element nou în matrice. Rețineți că elementul împins va ajunge la sfârșitul matricei. De exemplu:

pets.push("snakes");
// lets verify that we have snakes as the last item
// by displaying the array contents
alert(pets);

Dacă știm că dorim în mod special să adăugăm un element la matricea java ca prim element, putem folosi cuvântul cheie „unshift”. Să vedem asta cu un exemplu:

//running this code will shift all the values
// to one side and will add the first pet of dragon
pets.unshift(“dragons”); 
//lets verify this by displaying the contents of the array
alert(pets);

Este grozav că putem adăuga elemente la sfârșitul matricei sau la începutul matricei, dar ce se întâmplă dacă dintr-un motiv oarecare vreau să injectez elemente în matrice în poziții specifice. Să presupunem că vreau să adaug țestoase pe a treia poziția. Este chiar posibil? Da, este. Pentru a injecta un element într-o matrice, îl putem defini la fel cum creăm acea parte a matricei și atribuim o valoare părții specifice a matricei. De asemenea, nu uitați să utilizați valorile indexului în timp ce inserați valori. Din punct de vedere practic, arată așa:

pets[2] = "turtles";
// lets verify that we have turtles as the third item
// by displaying the contents of the array
alert(pets);

Eliminarea elementelor dintr-o matrice

În acest moment, s-ar putea să vă întrebați, ce zici de eliminarea elementelor dintr-o matrice? Ei bine, există mai multe moduri și pentru asta. Probabil cea mai faimoasă este folosirea metodei „pop”. Acest lucru va scoate, într-un fel, ultimul element dintr-o matrice. // aceasta va elimina ultimul element din tabloul pets.pop(); // să verificăm rezultatele afișând alertă de conținut ale matricei (animale de companie);

După cum puteți vedea, cu metoda pop, am eliminat ultimul animal de companie de șerpi din matricea noastră de animale de companie.

Un alt mod în care puteți elimina elemente dintr-o matrice java este să utilizați cuvântul cheie „shift”. Când folosim shift, primul element va fi șters, iar restul valorilor indexului se vor adapta la ele. De exemplu:

// this will delete the first item
// and will shift the other items into their new index values
// which will be one lower than the previous index values
pets.shift();
// let's also verify this by displaying the array
alert(pets);

Numele „schift” provine de fapt de la modul în care funcționează alocarea memoriei în memoria computerului. Deci, dacă la început este relativ neintuitiv, este perfect și asta. Deocamdată trebuie să știți că, folosind metoda shift putem elimina primul element dintr-o matrice.

Aflarea lungimii în matrice

Când avem de-a face cu matrice în viața reală, pot exista de multe ori când dorim să numărăm numărul de elemente ale matricei. Acest lucru poate fi necesar într-o varietate de locuri, inclusiv în liste de lucru, liste de participanți la școală sau la serviciu și așa mai departe. Pentru a realiza exact acest lucru, avem o proprietate de matrice încorporată numită „lungime” și ne va spune lungimea totală a matricei. De exemplu:

alert(pets.length);

Sortarea matricelor

Sortarea matricelor este o operație destul de comună în JavaScript. Există diferite implementări specifice pentru sortarea elementelor în JavaScript. Aceste implementări specifice în general se numesc algoritmi de sortare. Algoritmii diferiți de sortare pot aduce diferite avantaje și dezavantaje. De exemplu, un algoritm de sortare ar putea fi ales în detrimentul altuia, deoarece este pur și simplu mult mai ușor de implementat în cod, în comparație cu altul, chiar dacă pot prezenta performanțe puțin mai bune. Este posibil să fi auzit despre diferiți algoritmi de sortare pentru performanță optimizată. În acest tutorial vom folosi metoda de sortare încorporată oferită de JavaScript. Sortarea este o problemă destul de comună, mai ales în dezvoltarea web. De exemplu, dacă construiți un site web de comerț electronic, trebuie să implementați diferite situații de sortare pentru ca utilizatorul să aleagă. Deși nu există reguli stricte cu privire la opțiunile și capacitățile pe care ar trebui să le oferi audienței, există standarde destul de comune care sunt așteptate de la tine în calitate de constructor de site-uri web. De exemplu, în calitate de utilizator, există șanse mari să doriți să enumerați unele articole din magazin atât în ​​preț crescător, cât și în preț descendent. Când implementați sortarea pentru acele sarcini, ar trebui să aveți în vedere modul în care o implementați, dat fiind că utilizatorul poate limita rezultatele căutării și la anumite alte categorii, cum ar fi tricouri, pălării, genți și așa mai departe. Putem sorta o matrice adăugând „.sort()” la sfârșitul acesteia.

pets.sort();
alert(pets);

Inversarea elementelor din matrice

Inversarea unui tablou este probabil mai frecvent combinată cu sortarea. În acest caz, deoarece executăm și aceste coduri de sus în jos, aplicăm și inversarea după sortarea matricei. Putem inversa și matrice adăugând „.reverse()” la sfârșitul acestuia. animale de companie.reverse(); alertă (animale de companie);

Deoarece am ordonat matricea în pasul anterior, puteți vedea că acum avem o matrice care este sortată și inversată.

Pentru fiecare

Când lucrăm cu matrice, JavaScript ne oferă o modalitate convenabilă de a trece peste elementele matricei cu „.forEach()”. Dacă vrem cu adevărat, putem folosi în continuare o buclă for obișnuită pentru a bucla peste o matrice. De fapt, să vedem mai întâi cum să construim o buclă for pentru a bucla peste o matrice, apoi vom vedea folosind forEach().

// this will alert us 4 times to feed our pet
for (let a = 0; a < pets.length; a++) {
    alert("Time to feed my pet");
}

De asemenea, putem obține același rezultat folosind forEach.

pets.forEach(alert("Time to feed my pet"));

Când comparăm utilizarea buclelor for sau For each, în funcție de preferințele dvs. și de situația dvs. specifică, este posibil să preferați să utilizați una dintre ele în detrimentul celeilalte. În esență, ambele obțin aceleași rezultate cu stiluri diferite în cod. ForEach poate fi relativ mai ușor și vă poate economisi o linie de cod de citit și scris, dar în cele din urmă va fi alegerea dvs. Nu trebuie să faci o astfel de alegere chiar acum și să te ții de ea. Pe măsură ce scrieți cod, puteți experimenta rezolvarea aceleiași probleme folosind abordări diferite pe măsură ce vă deplasați în călătoria dvs. de programare.

Include în matrice

De asemenea, putem verifica dacă un element există într-o matrice java. Un exemplu de utilizare reală a acestei metode ar fi dacă un eveniment privat include numele unei persoane pe lista de invitații. Implementarea reală este, de asemenea, destul de simplă. Mai întâi scriem numele matricei, în acest caz lucrăm cu matricea pets. Apoi punem un punct, pentru a accesa diferite proprietăți și metode ale matricei, apoi scriem „include”, apoi deschidem și închidem parantezele și introducem numele elementului pe care vrem să-l verificăm în interior. Iată un exemplu care verifică un element despre care știm că există în matrice:

alert(pets.includes("dogs"));

Dacă încercăm să facem același lucru cu un element despre care știm că nu există în matricea java, ne așteptăm să primim false ca răspuns. Să vedem și acest caz cu un exemplu:

alert(pets.includes("puppy"));

Deoarece nu aveam nici un cățel în matricea de animale de companie, devenim falși așa cum ne așteptam. În următorul tutorial vom vedea un alt concept major atât în ​​lumea programării, cât și în JavaScript.

Curs JavaScript de la începător la avansat în 10 postări de blog:

1. Cum să începeți codarea în JavaScript?
2. Bazele JavaScript
3. Variabile și diferite tipuri de date în JavaScript
4. Fragmente și structuri de control
5. bucle while și bucle for
6. matrice Java
7. Funcții JavaScript
8. obiecte JavaScript
9. Metode JavaScript și multe altele
10. Rezumatul cursului JavaScript