GirlsGoIT Wiki (ro)
RU
  • Introducere
  • Unelte
    • Slack
    • Visual Studio Code
    • CodeSandbox
      • Cum rezolvi un task la proiect
      • Cum rezolvi un exercițiu
    • GitHub
  • FRONTEND STATIC
    • Internet
    • HTML
    • CSS
    • Exerciții
      • Erontend Static Exercitii
  • FRONTEND DINAMIC
    • JavaScript
      • Introducere
      • Consola Browser'ului
      • Variabile
      • Tipuri de date
      • Operatori
      • JavaScript & HTML
      • Funcții
      • DOM & Window API
      • Math API
      • Condiționale (if)
      • Cicluri (for & while)
    • Vue.js
      • Componente Vue
      • Componente & Forme
      • Lifecycle hooks
      • Comunicare între componente
      • Vue Router
      • Axios
      • Instalare locală
    • Exercitii
    • Rest API
      • Rest api GET
      • Rest api GET one
      • Rest api POST
      • Rest api PUT
      • Rest api DELETE
  • PYTHON
    • Introducere
    • Variabile
    • Tipuri de Date
    • Operatori
    • Control Flow
    • Liste
    • Cicluri for
    • Funcții
    • Dictionare
    • Seturi
    • Fișiere
    • Try-except-finally. Lambda
    • Librării, module
    • Exercitii
      • Variabile
      • TIpuri de Date
      • Operatori
      • If...else
      • Liste
      • Cicluri for
      • Funcții
      • Dicționare
      • Seturi
      • Fișiere
      • Try-except, Lambda
      • Librării , module
      • ✨Mai multe exerciții ✨
    • Python Archiva
  • BACKEND
    • Instalare Python
    • Python OOP
    • Baze de date
    • Django
    • REST API's
    • Django REST Framework
    • Exerciții
      • Python OOP
      • Django
      • Django Rest Framework
  • Data Science
    • Introducere în Data Science
    • Vizualizarea datelor
      • Matplotlib
    • Numpy
    • Pandas
    • DecisionTrees
  • 3D Printing
    • Intro
    • Fusion 360 Intro
    • Sketch
    • Solid body
    • Arduino
    • Final Projects
  • ARHIVA
    • Milligram
    • Drone
      • Intro
    • Old Backend
      • Bootstrap
      • Hello Flask
      • DB Modeling
      • Ubuntu Quest
      • Baze de date
      • Heroku Deploy
    • Robotica NAO
      • Finalizarea proiectelor
      • Flow Control
      • Cum creez un Dialog box
      • Convenția GirlsGoIT Robotics Choregraphe
      • Tracker
      • Dialog - QiChat
    • Robotica
      • 1.1 mBlock
      • 1.2 Descărcarea, instalarea și conectarea
      • 1.3 Execută un program de pe mBlock IDE sau încarcă pe Board
      • 1.4 Conectarea prin USB, Bluetooth sau 2.4GHz
      • 2.1 Programe Simple
      • 2.2 Senzori
      • 2.3 Exerciții avansate - Scratch
      • 3.0.1 Instalare Arduino IDE
      • 3.0.2 Instalare Arduino IDE WEB
      • 3.1 Configurare Arduino IDE
      • 3.2 Introducere în limbajul C
      • 3.3 Exemple Arduino - mBot
      • 3.4 Line follow - Arduino
      • 3.5 Ultimate robot
      • 4.1 Planificarea și managementul proiectelor
      • Custom robot
      • Noțiuni și explicații
      • Delay fara sa opreasca programul
      • Alte resurse și exemple
Powered by GitBook
On this page
  • Sintaxa
  • If - else
  • If - else if
  • If vs else if
  1. FRONTEND DINAMIC
  2. JavaScript

Condiționale (if)

To be, or not to be

Instrucțiunile condiționale ne permit să executăm anumite instrucțiuni în cod, doar dacă anumite condiții se îndeplinesc.

Știați că anume capacitatea să poti executa o instrucțiune în dependență de o condiție face orice calculator ”Turing Complete” - capabil să execute orice algoritm ne vine în cap?

Sintaxa

Instrucțiunile condiționale se declară în JavaScript cu ajutorul cuvântului cheie if, urmat de o condiție, urmat de blocul de cod care vrem să-l executam doar în cazul cand condiția va avea rezultatul true

let age = 19;

if (age >=18) { 
    // aceasta instrucțiune va fi executată din cauza că age e 19 (> 18)
    console.log("Pot vota"); 
} 

Observați că condiția e definită între paranteze, și rezultatul ei e interpretat ca un rezultat boolean întotdeauna.

If - else

Uneori vrem să executăm acțiuni în cazul când condiția e indeplinită (true), și o altă instrucțiune când condiția nu e îndeplinită (false). În aceste cazuri ne vine în ajutor combinația if .. else

let age = 17;

if (age >=18) {
    console.log("Pot vota"); // NU va fi executata
} else {
    // vor fi executate
    console.log("Nu pot vota"); 
    age++; 
}

Observați că blocurile de cod care vrem să le executăm sunt definite la fel între {}, primele după if repezintă toate instrucțiunile care vrem să le executăm daca condiția e adevărată, și cele după else reprezintă toate instrucțiunile care vrem să le executăm dacă condiția e falsă.

If - else if

Putem combina mai multe condiționale împreună pentru a testa altă condiție dacă prima e falsă.

let number = 3;

if (number < 0) {
    conosle.log("numarul e negativ");
} else if (number > 0) {
    console.log("numarul e pozitiv");
} else {
    console.log("numarul e zero");
}

Putem înlănțui oricâte condiții else if vrem una după alta. Trebuie doar să ținem minte că se va opri în momentul când prima condiție se adeverește. În cazul de mai sus execuția se oprește la linia 6, când se adeverește verificarea else if (number > 0)

If vs else if

Un moment important e să întelgem diferența între mai multe instrucțiuni indepente if, și o serie de instrucțiuni else if înlănțuite.

În acest exemplu, avem 4 instrucțiuni if indepente. Ele toate vor fi verificate, și, desigur, singura care va fi evaluată true și executată va fi primul if

let age = 10

if (dayOfWeek <= 10) {
    console.log("Copil");
}

if (age <= 20) {
    console.log("Adolescent");
}

if (age <= 30) {
    console.log("Tanar");
}

if (age > 30) {
    console.log("Matur");
}

În acest exemplua avem o serie de else if inlănțuite. Fiecare verificare următoare va fi executată doar dacă precentele au fost false. În acest caz verificările se vor opri la al doilea if, cele ce urmează nici nu vor fi verificate.

let age = 14

if (dayOfWeek <= 10) {
    console.log("Copil");
} else if (age <= 20) {
    console.log("Adolescent");
} else if (age <= 30) {
    console.log("Tanar");
} else {
    console.log("Matur");
}
PreviousMath APINextCicluri (for & while)

Last updated 5 years ago