Variabile. Operații aritmetice și logice în JavaScript

Tipul de date șir este folosit pentru a reprezenta text. În consecință, valorile de tip șir sunt text. Orice text din JavaScript este un șir.

Citate

Șirurile din JavaScript trebuie incluse între ghilimele. Există trei tipuri de ghilimele în JavaScript: ghilimele duble (" "), ghilimele simple (" ") și backticks (` `):

„Șir între ghilimele duble” „Șir între ghilimele simple” `Șir în ghilimele înapoi`

Tipul de ghilimele de la începutul și de la sfârșitul rândului trebuie să se potrivească.

Șirurile pot consta din zero sau mai multe caractere:

"" // Șir gol "Șir" // Nu este șir gol

Șirurile cu ghilimele duble și simple nu diferă în funcție de funcționalitate - pot conține doar text și secvențe de escape. Dar șirurile cu ghilimele înapoi au o funcționalitate mai largă. Astfel de șiruri pot conține așa-numitele substituții, notate cu semnul dolar și acolade $(expresie). Substituțiile pot conține orice expresii arbitrare:

Let str = „Pace!”; let str2 = `Bună ziua $(str)`; // Folosind o variabilă în linia alert(page2); // Salut Lume! alert(`2 + 3 = $(2 + 3).`); // 2 + 3 = 5.

Expresia din substituție ($(...)) este evaluată și rezultatul acesteia devine parte a șirului.

Șirurile cu ghilimele inversate se pot întinde pe mai multe rânduri, păstrând toate caracterele spațiilor albe:

Fie numere = `Numere: 1 2`; alertă(numere); // Numere: // 1 // 2

Șirurile cu backtick-uri se numesc șiruri wildcard sau literale șablon.

Șirurile cuprinse între ghilimele pot conține alte ghilimele:

„ghilimele simple și ghilimele din spate” „și aici există „așa” și „așa”!” `și aici „așa” și „așa”!`

Pentru comoditate, literalele șiruri mari pot fi împărțite în mai multe linii, terminând fiecare linie, cu excepția ultimei, cu un caracter \:

Alert(„aceasta este o singură \ linie lungă”); // it's all one long line alert("totul este unul \ long \ line"); // it's all one long line alert(`it's all one \ long \ line`); // totul este un rând lung

Codificarea șirurilor de caractere

Indiferent de codificarea setată pentru pagină, JavaScript folosește întotdeauna codificarea UTF-16 pentru șiruri.

În JavaScript, un șir este o secvență imuabilă, ordonată de valori de 16 biți, fiecare dintre acestea reprezentând un caracter Unicode. JavaScript folosește UTF-16 pentru a reprezenta caracterele Unicode. Caracterele includ litere, cifre, semne de punctuație, caractere specialeși caractere cu spații albe.

Lungimea șirului

Lungimea unui șir este numărul de valori de 16 biți (nu caracterele în sine) pe care le conține. Lungimea șirului este conținută în proprietatea length:

Alert("Bună".lungime); // 6

Caracterele ale căror puncte de cod nu se încadrează în 16 biți sunt procesate conform regulilor de codificare UTF-16 ca o secvență de două valori de 16 biți. Aceasta înseamnă că un șir care are o lungime de 2 (două valori de 16 biți) poate reprezenta de fapt un singur caracter:

Alert("a".lungime); // 1 alertă("𝑒".lungime); // 2

Numerotarea și accesarea șirurilor de caractere

După cum sa menționat deja, un șir este o secvență ordonată de valori de 16 biți, fiecare dintre acestea corespunde unui anumit caracter. Numerotarea valorilor de 16 biți într-un șir începe de la zero, adică prima valoare de 16 biți este la indexul 0, a doua la indexul 1 etc. Indexul este un număr de secvență.

Puteți obține un caracter șir (constând dintr-o singură valoare de 16 biți) folosind indexul cuprins între paranteze drepte [index]:

Let str = "Bună ziua"; alert(str); // P alert(str); // IN

Pentru a folosi indici pentru a face referire la un caracter format din două valori de 16 biți, trebuie să utilizați concatenarea pentru a scrie acești indici, astfel încât rezultatul să fie o secvență de două valori de 16 biți:

Fie str = "𝑒"; alertă (pagină + pagină); // „𝑒”

Corzile sunt imuabile

ÎN șiruri JavaScript imuabil. Aceasta înseamnă că nu puteți modifica niciun caracter dintr-un șir existent sau nu puteți adăuga ceva nou la acesta.

Deoarece șirurile sunt imuabile, metodele folosite pentru a lucra cu șiruri returnează șiruri noi, mai degrabă decât să modifice șirul pe care au fost numite:

Let str = "Bună ziua!"; alert(str.toUpperCase()); // „HELLO” - valoare nouă returnată de metoda alert(page); // "bună ziua" - linia originală nu este schimbată

Pentru a schimba un șir, puteți crea un șir nou și îl puteți scrie în aceeași variabilă în loc de șirul vechi:

Let str = „Șir”; str = str.toUpperCase(); alert(str); // „LINIE”

Secvențe de evacuare

Puteți utiliza secvențe de escape în literale șir. O secvență de escape este o secvență de caractere obișnuite care reprezintă un caracter care nu poate fi reprezentat într-un șir în alte moduri. Secvențele de escape sunt folosite pentru a formata conținutul textului.

Tabelul de mai jos prezintă secvențele de control:

Semnificația secvenței
\0 Caracterul NUL este caracterul gol ("\u0000").
\t Filă orizontală ("\u0009").
\n Linie nouă ("\u000A").
\b Revenirea cu o poziție este ceea ce se întâmplă atunci când apăsați tasta Backspace ("\u0008").
\r Retur transport ("\u000D").
\f Traducerea paginii - ștergerea paginii ("\u000C").
\v Filă verticală ("\u000B").
\" Ghilimele duble ("\u0022").
\" ghilimele simple ("\u0027").
\\ Backslash ("\u005C").
\xNN Numărul unui caracter din setul de caractere ISO Latin-1, specificat de două cifre hexazecimale (N este cifra hexazecimală 0-F). De exemplu, „\x41” (acesta este codul pentru litera „A”).
\uNNNN Numărul unui caracter din setul de caractere Unicode, specificat de patru cifre hexazecimale (N este cifra hexazecimală 0-F). De exemplu, „\u0041” (acesta este codul pentru litera „A”).

Secvențele de evacuare pot apărea oriunde pe o linie:

Alert("Literă greacă sigma: \u03a3."); // Literă greacă sigma: Σ. alert("Șir cu mai multe linii") // șir cu mai multe linii alert("înăuntru sunt folosite ghilimele duble"); // ghilimelele duble sunt folosite în interior

Dacă caracterul \ precede orice alt caracter decât cele date în tabel, atunci este pur și simplu ignorat de interpret:

Alertă ("\k"); // "k"

Caracterele Unicode specificate folosind o secvență de escape pot fi folosite nu numai în interiorul literalelor șir, ci și în identificatori:

Fie a\u03a3 = 5; alertă(a\u03a3); // 5

Concatenare

Concatenarea este unirea a două sau mai multe șiruri într-un șir mai mare. Concatenarea are loc folosind operatorul + (plus). La concatenare, fiecare linie ulterioară este adăugată la sfârșitul celei anterioare:

Var str1 = "Bună ziua"; var str2 = "Lumea!"; document.write(str1 + str2 + "
"); // "Bună lume!" document.write(str1 + "Lumea!"); Încercați »

O valoare de orice tip care este concatenată cu un șir va fi implicit (automat) convertită într-un șir și apoi concatenată.

Var str1 = "Bună ziua"; alertă (str1 + 1); // Alertă „Bună ziua 1” (adevărat + str1); // "trueHello" alert(str1 + NaN); // "Bună NaN"

Lista 1.9 reprezintă cod HTML care conține două numere (1 și 2), un semn de operație (+), un formular cu un buton „Calculați” și un câmp de text pentru afișarea valorilor introduse. Este necesar să se implementeze operațiunile de adăugare a valorilor corespunzătoare (Listing 1.10).

Lista 1.9. Fișierul 1.html

  • Fraza aleatoare
  • Adăugarea de numere


  • 1
  • 2
  • +
  • Calcula
  • Formularul constă dintr-un câmp de text pentru afișarea valorilor. Pentru organizarea simbolurilor „1”, „2”, „+”, s-au folosit etichete (se puteau folosi și alte etichete, de exemplu, sau butoane), și a fost folosit un buton pentru afișarea rezultatului final. Containerele au un eveniment onClick care apelează funcția de adăugare(…), trecând valoarea corespunzătoare (1, 2, +) script-ului JS ca parametru. Un buton cu id="ok" apelează funcția press_button(), care nu are parametri. Această funcție calculează și redă rezultatul înapoi în fereastră.

    Lista 1.10. fișierul my_script.js

  • funcția de adăugare (valoare) (
  • document.getElementById("răspuns").value += valoare;
  • funcția press_button() (
  • var răspuns = 0;
  • var ecuatie = document.getElementById("raspuns").value;
  • numere = equation.split("+");
  • pentru (i în cifre)
  • if (numbers[i] != "") answer += parseInt(numbers[i]);
  • Prima funcție din Lista 1.10 completează câmpul de text al formularului cu valoarea „1”, „2” sau „+”, în funcție de eticheta pe care s-a făcut clic.

    A doua funcție citește valoarea atributului valoare din câmpul de text cu id="answer" și atribuie această valoare variabilei ecuației. Acesta este un șir care conține n caractere. De exemplu, este posibil să scrieți ""1+2+1"" sau ""1212+1121+1++2"".

    Deoarece știm dinainte că se folosește operația de adăugare, semnul „+” este folosit ca separator de șiruri într-o matrice de numere. Funcția .split("+") este folosită pentru aceasta. Variabila numere conține aceste valori.

    Acum trebuie să treceți prin matrice și să adăugați toate elementele. Pentru a face acest lucru, utilizați bucla for (i în numere)(…). Cu toate acestea, sunt două puncte importante, care trebuie luat în considerare la adăugare.

    În primul rând, matricea numere conține valori de șir. Dacă utilizați operația „+” pentru valorile șirului, elementele vor fi îmbinate într-un singur șir. Vrem să obținem răspunsul la adunarea numerelor. Prin urmare, este necesar să convertiți valorile șirurilor în valori numerice. Pentru a face acest lucru, utilizați funcția parseInt(numbers[i]). Un element de matrice cu număr = i este trecut în el.

    În al doilea rând, utilizatorul poate specifica inițial șirul greșit. De exemplu, ""1212+1121+1++2"". În acest caz, când se utilizează funcția .split("+"), se vor obține nu numai numere, ci și valori goale. Valorile goale ar trebui aruncate. Pentru a face acest lucru, utilizați condiția if (numerele[i] != "").

    În cele din urmă, pentru a calcula rezultatele, a fost introdusă variabila var answer, inițial egală cu 0. I se adaugă valorile în buclă la fiecare pas de iterație. Această valoare este apoi returnată înapoi în câmpul de text document.getElementById("answer").value = answer.

    Lucrul bun despre funcția addition(value) și press_button() este că pot fi folosite pentru a adăuga orice număr întreg. Puteți seta toate numerele dintr-un interval în etichete și puteți gestiona evenimentul onClick(). Sau permiteți introducerea în câmpul de text cu id="răspuns" și dezactivați introducerea literelor.

    Funcția press_button() (așa cum este scrisă în prezent) nu este potrivită pentru gestionarea tuturor operațiunilor cu numere. Deoarece funcția split împarte un șir doar cu o singură valoare.

    Pentru a implementa procesarea altor operații aritmetice, puteți, de exemplu, să adăugați primele două numere introduse, analizând semnul dintre ele. Aceste. fără a aștepta apăsarea butonului „Calculați”, procesați valorile de intrare și scoateți un rezultat intermediar (Listing 1.11, 1.12).

    Lista 1.11. Fișierul 1.html

  • Fraza aleatoare
  • Adăugarea de numere


  • 1
  • 2
  • +
  • Calcula
  • Vă rugăm să rețineți că în în acest caz,(Lista 1.11) toate valorile sunt transmise funcției press_button().

    Lista 1.12. fișierul my_script.js

  • număr var = "";
  • var răspuns = 0;
  • funcția apăsați butonul_(valoare) (
  • dacă (valoare == "1" || valoare == "2")
  • număr += valoare;
  • document.getElementById("răspuns").value = număr;
  • else if (valoare == "+")
  • dacă (număr != "")
  • răspuns += parseInt(număr);
  • număr = "";
  • document.getElementById("răspuns").value = răspuns;
  • else if (valoare =="ok") !}
  • if (number =="") answer = document.getElementById("answer").value;
  • alt răspuns += parseInt(număr);
  • document.getElementById("răspuns").value = răspuns;
  • răspuns = 0;
  • număr = "";
  • Funcția press_button(value) analizează valoarea transmisă. Dacă valoarea este un număr (1 sau 2), atunci secvența este introdusă în câmpul de text.

    Dacă valoarea transmisă este semnul „+”, numărul introdus anterior este adăugat la răspuns (răspuns += parseInt(număr); ), șirul introdus este resetat la zero: număr = "";, răspunsul este afișat în câmpul de text. Aceste acțiuni se întâmplă numai dacă numărul != "", adică. dacă a fost introdus un număr înainte de a introduce semnul „+”.

    Dacă valoarea transmisă este cuvântul „ok”, se face din nou o comparație pentru a vedea dacă un număr a fost introdus anterior. Dacă nu, atunci valoarea câmpului de text nu este modificată. Dacă a fost introdus un număr, atunci are loc însumarea și rezultatul este afișat. Deoarece apăsarea butonului nu implică o însumare suplimentară, răspunsul ia din nou valoarea 0.

    Operațiile matematice sunt una dintre cele mai de bază și universale funcții ale oricărui limbaj de programare. În JavaScript, numerele sunt adesea folosite în sarcini comune, cum ar fi determinarea dimensiunii unei ferestre de browser, calcularea prețului final al unei tranzacții monetare sau distanța dintre elementele dintr-un document de site.

    Nu trebuie să fii bun la matematică pentru a fi un dezvoltator bun, dar este important să știi ce tipuri de operații sunt disponibile în JavaScript și cum să le folosești pentru a efectua sarcini practice.

    Spre deosebire de alte limbaje de programare, JavaScript are un singur tip de date numerice; nu face distincție între numere întregi și flotanți.

    Acest tutorial va acoperi operatorii aritmetici, operatorii de atribuire și ordinea operațiilor cu date numerice JavaScript.

    Operatori aritmetici

    Operatorii aritmetici sunt simboluri care definesc operatii matematiceși returnați rezultatul. De exemplu, în 3 + 7 = 10, simbolul + definește sintaxa pentru operația de adăugare.

    Mulți operatori JavaScript vă sunt familiari de la matematica de baza, dar există și câțiva operatori suplimentari.

    Toți operatorii aritmetici JavaScript sunt prezentați în tabelul următor.

    Operator Sintaxă Exemplu Definiţie
    Plus + x+y Suma lui x și y
    Scădere x - y Diferența dintre x și y
    Multiplicare * x*y Derivată a lui x și y
    Diviziune / x/y Coeficientul lui x și y
    Modul % x % y Restul x/y
    Exponentiație ** x**y x la puterea lui y
    Creştere ++ x++ x plus unu
    Decrementează x— x minus unu
    Adunarea și scăderea

    Operatorii de adunare și scădere sunt disponibili în JavaScript și pot fi utilizați pentru a găsi suma și diferența valorilor numerice. JavaScript are un calculator încorporat, iar operațiunile matematice pot fi efectuate direct în consolă.

    Semnul plus vă permite să adăugați numere, de exemplu:

    Pe lângă operațiunile cu numere prime, JavaScript vă permite să atribuiți numere variabilelor și să efectuați calcule pe acestea. De exemplu, puteți atribui valori numerice variabilelor x și y și puneți rezultatul în z.

    // Atribuiți valori lui x și y
    fie x = 10;
    fie y = 20;
    //Adăugați x și y și atribuiți suma lui z
    fie z = x + y;
    console.log(z);
    30

    // Atribuiți valori lui x și y
    fie x = 10;
    fie y = 20;
    // Scădeți x din y și atribuiți diferența lui z
    fie z = y - x;
    console.log(z);
    10

    // Atribuiți valori lui x și y
    fie x = -5,2;
    fie y = 2,5;
    // Scădeți y din x și atribuiți diferența lui z
    fie z = x - y;
    console.log(z);
    -7.7

    JavaScript are unul caracteristică interesantă, care ar trebui luat în considerare și cunoscut, este rezultatul adunării unui număr și a unui șir. Știm că 1 + 1 trebuie să fie egal cu 2, dar această ecuație va da un rezultat neașteptat.

    fie x = 1 + „1”;
    console.log(x);
    tip de x;
    11
    "şir"

    În loc să adauge numere, JavaScript convertește întreaga expresie în șiruri de caractere și le concatenează. Este important să fiți atenți la tastarea dinamică în JavaScript, deoarece poate avea rezultate nedorite.

    Adunarea și scăderea în JavaScript sunt adesea folosite pentru a derula bara de navigare.

    funcția scrollToId() (
    const navHeight = 60;
    window.scrollTo(0, window.pageYOffset - navHeight);
    }
    window.addEventListener("hashchange", scrollToId);

    În acest caz, panoul va derula la 60 de pixeli de la id.

    Înmulțirea și împărțirea

    Operatorii JavaScript de multiplicare și împărțire sunt utilizați pentru a găsi derivata și câtul valorilor numerice.

    Asteriscul este operatorul de multiplicare.

    // Atribuiți valori lui x și y
    fie x = 20;
    fie y = 5;
    // Înmulțiți x cu y pentru a obține produsul
    fie z = x * y;
    console.log(z);
    100

    Înmulțirea poate fi utilizată pentru a calcula prețul unui articol după ce a fost impus impozitul pe vânzări.

    pret const = 26,5; // Prețul articolului înainte de taxe
    const taxRate = 0,082; // Rata de impozitare de 8,2%.
    // Calculați totalul după impozitare cu două zecimale
    let totalPrice = preț + (preț * taxRate);
    totalPrice.toFixed(2);
    console.log(„Total:”, totalPrice);
    Total: 28,67

    Slash este operatorul de diviziune.

    // Atribuiți valori lui x și y
    fie x = 20;
    fie y = 5;
    // Împărțiți y în x pentru a obține citatul
    fie z = x / y;
    console.log(z);
    4

    Împărțirea este utilă în special atunci când se calculează timpul, cum ar fi calcularea numărului de ore sau a procentului corect pe un test.

    Modulul numeric

    Modulus este un alt operator aritmetic, mai puțin popular decât precedentii. Reprezentat prin simbolul %. Returnează restul când primul număr este împărțit la al doilea.

    De exemplu, știm că 9 este divizibil cu 3 fără rest:

    Modulul numeric vă permite să determinați dacă un număr este par sau impar, de exemplu:

    // Inițializați funcția pentru a testa dacă un număr este par
    const este Par = x => (
    // Dacă restul după împărțirea la doi este 0, returnează adevărat
    dacă (x % 2 === 0) (
    returnează adevărat;
    }
    // Dacă numărul este impar, returnează false
    returnează fals;
    }
    // Testează numărul
    este Par (12);
    adevărat

    În acest exemplu, 12 este divizibil cu 2, deci este un număr par.

    În programare, modulul numeric este adesea folosit în combinație cu instrucțiuni condiționale.

    Exponentiație

    Exponentiarea este unul dintre cei mai noi operatori din JavaScript. Sintaxa pentru exponențiere este două asteriscuri pe rând (**).

    De exemplu, 10 la puterea a cincea (10^5) se scrie astfel:

    10 ** 5;
    100000

    Operația 10**5 are același rezultat ca 10*10 repetat de 5 ori.

    10 * 10 * 10 * 10 * 10;

    Această operație poate fi scrisă și folosind metoda Math.pow().

    Math.pow(10, 5);
    100000

    Folosind operatorul de exponențiere − cale rapidă determina puterea unui anumit număr, dar, ca întotdeauna, atunci când alegeți între o metodă și un operator, este important să fiți consecvenți și să scrieți codul în același stil.

    Creșteți și descreșteți

    Operatorii de creștere și decrementare măresc sau micșorează valoarea numerică a unei variabile cu unu. Ele sunt reprezentate prin două semne plus (++) sau două minusuri (-) și sunt adesea folosite în bucle.

    Vă rugăm să rețineți că operatorii de creștere și decrementare pot fi utilizați numai cu variabile. Încercarea de a le folosi cu numere prime va duce la o eroare.

    7++
    Eroare de referință neprinsă: expresie din partea stângă nevalidă în operațiunea postfix

    Operatorii de creștere și decrementare pot fi clasificați ca operatori de prefix și postfix, în funcție de locul în care este plasat operatorul în raport cu variabila.

    Incrementul de prefix este scris ca ++x.

    //Setați o variabilă
    fie x = 7;

    fie prefix = ++x;
    console.log(prefix);
    8

    Valoarea lui x a crescut cu 1. Incrementul postfix este scris ca y++.

    //Setați o variabilă
    fie y = 7;
    // Folosește operația de creștere a prefixului
    lasă postfix = y++;
    console.log(postfix);
    7

    Operația de postfix nu a incrementat valoarea. Această valoare nu va fi incrementată până când expresia nu este evaluată. Pentru a face acest lucru, trebuie să rulați operația de două ori:

    fie y = 7;
    y++;
    y++;
    console.log(y);
    8

    Cel mai adesea acești operatori se găsesc în bucle. ÎN acest ciclu Instrucțiunea for este executată de 10 ori, începând de la 0.

    // Rulați o buclă de zece ori
    pentru (fie i = 0; i< 10; i++) {
    console.log(i);
    }
    0
    1
    2
    3
    4
    5
    6
    7
    8
    9

    În acest exemplu, bucla este iterată folosind operatorul de increment.

    Mai simplu spus, x++ poate fi considerat scurt pentru x = x + 1, iar x poate fi considerat scurt pentru x = x – 1.

    Operatori de atribuire

    Unul dintre cei mai des utilizați operatori este operatorul de atribuire, pe care l-am văzut deja în acest tutorial. Este reprezentat printr-un semn egal (=). Simbolul = este folosit pentru a atribui valoarea din dreapta variabilei din stânga.

    // Atribuiți 27 variabilei de vârstă
    lasa varsta = 27;

    În plus față de operatorul de alocare standard, JavaScript are operatori de alocare compuși, care combină operatorul aritmetic cu operatorul =.

    De exemplu, operatorul de adăugare va începe de la valoarea inițială și îi va adăuga o nouă valoare.

    // Atribuiți 27 variabilei de vârstă
    lasa varsta = 27;
    vârsta += 3;
    console.log(varsta);
    30

    În esență, vârsta += 3 este aceeași cu vârsta = vârsta + 3.

    Toți operatorii aritmetici pot fi combinați cu un operator de atribuire. Mai jos este un tabel de referință al operatorilor de atribuire în JavaScript.

    Operatorii de atribuire compuși sunt adesea utilizați în bucle, cum ar fi incremente și decremente.

    Prioritatea operatorului

    Operatorii sunt executați în ordinea priorității, la fel ca în matematica obișnuită.

    De exemplu, înmulțirea are prioritate mai mare decât adunarea.

    // Înmulțiți mai întâi 3 cu 5, apoi adăugați 10
    10 + 3 * 5;
    25

    Dacă trebuie să efectuați mai întâi o operație de adăugare, puneți-o între paranteze - astfel de operațiuni au întotdeauna cea mai mare prioritate.

    // Mai întâi se adună 10 și 3, apoi se înmulțește cu 5
    (10 + 3) * 5;
    65

    Mai jos veți găsi un tabel de prioritate a operatorilor aritmetici în JavaScript. Pentru creștere și decrementare, postfixul are prioritate mai mare decât prefixul.

    Creșterea/descreșterea, înmulțirea/împărțirea și adunarea/scăderea au același nivel de prioritate.

    Nu numai operatorii aritmetici au prioritate, ci și operatorii de atribuire, operatorii logici, operatorii condiționali etc. Lista completă poti vedea.

    Etichete: JavaScript - Lecția 1. Concepte de bază Limbajul de programare JavaScript a fost dezvoltat de Netscape în colaborare cu Sun Microsystems și lansat în 1995. JavaScript este conceput pentru a crea documente HTML interactive. Principalele utilizări ale JavaScript:
    • Crearea de pagini dinamice, de ex. pagini al căror conținut se poate modifica după încărcare.

    • Verificarea faptului că formularele de utilizator sunt completate corect.

    • Rezolvarea problemelor „locale” folosind scripturi.

    • Codul JavaScript este baza majorității aplicațiilor Ajax.

    JavaScript vă permite să creați aplicații care rulează pe partea clientului, de exemplu. aceste aplicații sunt executate de browser pe computerul utilizatorului.

    Programele (scripturile) în acest limbaj sunt procesate de un interpret încorporat în browser. Din păcate, nu toate scripturile rulează corect în toate browserele, așa că testați programele JavaScript în browsere diferite.

    Limbajul JavaScript este sensibil la majuscule, de ex. capitalele și majuscule alfabetul sunt considerate caractere diferite.

    Înainte de a începe să scrieți scripturi, trebuie să vă familiarizați cu conceptele de bază, cum ar fi literalele, variabilele și expresiile.

    Literale

    Literalele sunt cele mai simple date cu care poate lucra un program.

    • Literale întregi- numere întregi în reprezentare:
      • zecimală, de exemplu: 15, +5, -174.

      • hexazecimal, de exemplu: 0x25, 0xff. Numerele hexazecimale includ numerele 0 - 9 și literele a, b, c, d, e, f.

      • Sunt scrise cu simbolurile 0x în fața numărului.


    • octal, de exemplu: 011, 0543. Numerele octale includ numai numerele 0 - 7. Literale adevărate

    • - numere fracţionale. Partea întreagă este separată de punctul fracțional, de exemplu: 99,15, -32,45. Este posibilă o formă exponențială de notație, de exemplu: 2.73e -7. În forma sa obișnuită este 2,73X10 -7 , dar în javascript semnul de înmulțire și 10 sunt înlocuiți cu simbolul -e-.

    • Valori booleene- din două: adevăr (adevărat) și minciună (fals).
    Literale șiruri

    - o succesiune de caractere cuprinse între ghilimele simple sau duble. De exemplu: „numele tău”, „numele tău”. Variabile Variabilele sunt folosite pentru stocarea datelor. Variabilele sunt definite cu ajutorul operatorului var

    , urmat de numele variabilei. Numele variabilei trebuie să înceapă cu o literă
    alfabet latin
    sau cu subliniere. Numele în sine poate include litere din alfabetul latin, cifre și un caracter de subliniere.
    De exemplu:

    test var = var_test

    , urmat de numele variabilei. Numele variabilei trebuie să înceapă cu o literă
    var_my_test1
    Fiecărei variabile i se poate atribui o valoare fie în timpul inițializării (declarării), fie în codul programului însuși. Operatorul de atribuire este notat cu semnul egal (
    ), dar semnul egal nu are aici sensul său direct. În acest caz, indică doar că a fost atribuită o valoare acestei variabile.
    var a=15

    var b=23,15 var c="terminat" var s=adevarat Fiecare variabilă are un tip, determinat de valoarea variabilei. Deci, în exemplul nostru: variabile o Şi b au tip număr , variabilă c are tipşir

    , și variabila

    s

    - tip logic. var c="terminat" Expresii Expresiile sunt construite din literale, variabile, semne operator și paranteze. Rezultatul evaluării unei expresii este o singură valoare, care poate fi un număr, un șir sau o valoare booleană.În expresia a*b, Şi b * sunt numite

    operanzi

    , A

    - semn de operare. Următoarele operații sunt definite în javascript:

    Pentru a putea compara două valori, operațiunile de comparare sunt definite în javascript, al căror rezultat poate fi doar o valoare logică: adevărat sau fals:

    Operațiile booleene sunt definite în javascript:

    && - ȘI logic (ȘI),

    || - SAU logic (SAU),

    ! - NU logic (NU).

    Rezultatele influenței operatorilor logici asupra diferitelor combinații de valori ale operanzilor sunt prezentate în tabel:

    A B A&&B A||B !A
    adevăratadevăratadevăratadevăratfals
    adevăratfalsfalsadevăratfals
    falsadevăratfalsadevăratadevărat
    falsfalsfalsfalsadevărat

    Pur și simplu, valoarea A&&B este adevărată dacă ambele afirmații sunt adevărate și false în caz contrar. Valoarea expresiei A||B este adevărată dacă valoarea a cel puțin unui operand este adevărată și falsă în caz contrar. Dacă valoarea operandului A este adevărată, atunci!A este falsă și invers.

    O operație este definită pentru literalele șir concatenare de șiruri, adică unificarea lor. Această operație este indicată de semnul plus (+). Rezultatul operației este și un șir. Exemplu:

    Var st1="Bună ziua";
    var st2="Vasya";
    var st3=st1+st2;

    Ca rezultat, variabila st3 va conține valoarea „Bună Vasya”.

    La final, vă prezentăm un tabel cu prioritățile operațiunilor în ordine descrescătoare. Precedența operatorului determină ordinea în care sunt efectuate operațiile dintr-o expresie.

    Prima lecție a ajuns la sfârșit, s-a dovedit a fi teoretică, dar fără teorie este imposibil să treci la practică.

    O zi bună tuturor celor care citesc acest articol. Astăzi vă voi spune în detaliu despre adăugarea în JavaScript. Mai precis, vom discuta cu dvs. cum se realizează adăugarea numerelor prime, a variabilelor șir și a tablourilor, care este diferența dintre operatorii unari și binari, care sunt prioritățile operațiilor și, de asemenea, ce se înțelege prin creștere și decrementare.

    Să începem!

    Să înțelegem termenii

    La începutul acestui articol, vreau să înțelegeți termenii de bază din limbajele de programare legate de calcule. Poate că majoritatea dintre voi lucrați cu ei de mult timp. Și asta e grozav.

    Deci, merită să știți ce înseamnă termeni precum operand, operator unar și binar.

    Un operand este elementul căruia i se aplică anumiți operatori. Deci, de exemplu, în intrarea „15 - 38” operatorul este semnul minus, iar operanzii sunt numerele 15 și 38.

    Ce este un operator unar sau binar? Totul este simplu și aici. Unar (de la cuvântul „uno”, care înseamnă „unul”) se aplică doar unui element. De exemplu, -7. În acest caz, minusul este un operator unar. Și binarul (este deja clar ce înseamnă „două”) funcționează cu două obiecte. Aici putem folosi „12*701” ca exemplu.

    „Am priorități! De aceea nu-mi pasă de comanda ta!”

    Sunt sigur că toată lumea știe despre prioritățile efectuării operațiilor aritmetice. Cu toate acestea, odată cu studiul limbajelor de programare, la această listă se adaugă și alte tipuri. Există 20 de niveluri în total, începând de la 0 la 19.

    În tabelul atașat mai jos am enumerat mai mulți operatori în ordinea importanței.

    Dacă pentru a rezolva o problemă trebuie să aflați despre alți operatori, atunci accesați tabelul complet furnizat la link.

    Creșteți și descreșteți

    Să începem prin a stabili prioritățile. Cele mai frecvente operații în JavaScript, ca și în alte limbaje de programare, sunt cele denumite în titlul capitolului curent. Ele sunt folosite pentru a scădea sau crește valoarea unui anumit element cu unul.

    Există două tipuri de creștere și decreștere: postfix și prefix. Mai mult, primul tip are prioritate 16, iar al doilea - 15.

    Diferența constă în momentul în care numărul se schimbă. Astfel, tipurile de prefix cresc sau scad imediat valoarea. Prin urmare, dacă linia spune:

    atunci când rulați programul, va fi afișat 2, când utilizați operatori postfix după rularea codului

    1 va fi afișat.

    Să ne uităm la un exemplu care este adesea dat în teste sau interviuri. Trebuie să spuneți ce va fi afișat pe ecran pentru prima și a doua ieșire.

    1 2 „utilizați strict”; 3 var i = 3; 4 i--; // notație scurtă și convenabilă pentru i = i - 1. 5 alert(++i + i++); //i=? 6 alert(i);// i=? 7

    Acum să aruncăm o privire. A patra linie indică scăderea lui i cu unu. Modificările vor intra în vigoare când următoarea linie a programului este executată. Prin urmare, atunci când este apelată alertă, variabila i va fi egală cu 2.

    O creștere a prefixului crește imediat valoarea cu 1, în timp ce o creștere a postfixului are efect pe linia următoare. Ca rezultat, obținem intrarea „3+3”, ceea ce înseamnă că 6 va fi afișat în caseta de dialog.

    Pe linia următoare, creșterea a funcționat și, prin urmare, afișează 4.

    Ceva nou atunci când adăugați elemente

    În JS puteți adăuga nu numai numere, ci și alte tipuri de variabile: șiruri de caractere etc. De exemplu, consultați o parte a programului.

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

    function myFunction() ( var a=3, b=7; var str1="Bună, ", str2="prieten!"; var c = a+b; var str = str1+str2; var mix = str1+a; alert(c+"\n"+str+"\n"+mix //va afișa: 10 // Bună, prietene // Salut, 3 )

    În al doilea și al treilea caz de adăugare, șirurile sunt concatenate, adică. combinându-le într-una singură. Aici apar probleme pentru dezvoltatorii începători.

    Să presupunem că ați extras o anumită valoare, care este un șir var str1="10";

    și în același timp trebuie să-l însumați cu numărul var a=3; . Daca operatia var mix = str1+ a; , apoi la ieșirea alertă (mix);

    „103” va apărea pe ecran. Pentru a evita acest lucru, variabila text trebuie convertită după cum urmează:

    var mix = parseInt (str1, 10)+a;. //răspuns: 13

    Să trecem la matrice. Într-un limbaj de scripting, există o funcție care combină mai multe matrice într-una singură. Acesta este concat.

    1 2 3 4 var numere1 = ; var numere2 = ; // aceasta rezultă într-o matrice; var nums = numere1.concat(numere2); alert(nums);