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
  • While
  • For
  • For of
  1. FRONTEND DINAMIC
  2. JavaScript

Cicluri (for & while)

PreviousCondiționale (if)NextVue.js

Last updated 4 years ago

Ciclurile oferă un mod rapid și ușor de a face ceva în mod repetat. În continuare vom discuta despre mai multe tipuri de cicluri.

While

Ciclul while rulează un bloc de cod atât timp cât o condiție specificată este adevărată.

Structura ciclului while

Condiția se scrie între parantezele de după cuvântul cheie, iar în parantezele acoladă se indică blocul de cod ce trebuie rulat. În exemplul de mai jos variabila n a fost inițializată cu valoarea 0. Condiția ciclului este n < friends.length. Blocul de cod indicat între parantezele acoladă va fi rulat atât timp cât această condiție este true. Valoarea pentru friends.length este 5, deoarece sunt 5 elemente în array. Astfel, blocul de cod indicat va rula atât timp cât n va fi mai mic ca 5.

În acest caz, condiția nu este modificată pe parcursul rulării. Blocul de cod va rula la nesfârșit. Acesta este un ciclu infinit.

În exemplul de mai jos, în blocul de cod al ciclului a fost adăugată o instrucțiune care modifică valoarea variabilei n. Astfel, de fiecare dată când blocul de cod este rulat, valoarea variabilei crește cu o unitate. Când n este 5, condiția ciclului devine false și ciclul nu se mai execută. Execuția codului continuă după ciclu.

For

În exemplele de mai sus a trebuit să inițializăm variabila n cu valoarea 0, apoi în blocul de cod al ciclului să indicăm cum n se modifică. Ciclul for combină aceste instrucțiuni.

În paranteze după cuvântul cheie for, se indică expresia de inițializare, condiția ciclului și expresia de incrementare delimitate cu punct și virgulă.

În exemplul de mai jos, variabila i este inițializată cu valoarea 0. Condiția ciclului este i < friends.length, iar expresia de incrementare i = i + 1. Valoarea expresiei friends.length este 5, pentru că sunt 5 elemente în array. Astfel, blocul de cod va rula atât timp cât variabila i va fi mai mică decât 5. Expresia de incrementare indică cum se modifică variabila i, în acest caz valoarea variabilei i crește cu o unitate. Când valoarea variabilei i este 5, ciclul finisează execuția. Execuția codului continuă după ciclu.

For of

Elementele unei colecții pot fi iterate cu ajutorul ciclului for of.

În paranteze după cuvântul cheie for, se indică numele variabilei valoarea căreia la fiecare iterație va corespunde valorii iterate din colecție. În exemplul de mai jos, valoarea variabilei friendName va fi una din valorile din array. Astfel, prima iterație valoarea variabilei este 'Marc'. Următoarele iterații, fiecare element din array va fi atribuit variabilei friendName. Acest proces se repetă până când toate elementele array'ului sunt parcurse. Ultima iterație valoarea variabilei friendName este 'Oleg'.

Ciclul infinit
Ciclul while
Structura ciclului for
Ciclul for
Structura ciclului for of
Ciclul for of