Цикли вJavaScript се използва за вземане на решения чрез валидиране на определена стойност спрямо дадено тестово условие и изпълнение на определен кодов сегмент за определен брой пъти, докато даденото условие бъде изпълнено. Помага за компактността на вашия код. The цикли са обяснени в тази статия в следната последователност:
JavaScript цикли
Примките на JavaScript осигуряват бърз и лесен метод за многократно извършване на нещо. Те се използват за повтаряне на действие няколко пъти, без да се налага да повтарят един и същ ред код. Има главно два вида цикли:
Входящи контролирани цикли - При контролиран вход, условието на теста се тества преди влизане в тялото на контура. За Loop и Докато Loop са цикли с контролиран вход.
Изход от контролирани цикли- При контролиран изход състоянието на теста се оценява в края на тялото на контура. Следователно тялото на цикъла ще се изпълни поне веднъж,независимо дали условието на теста е вярно или невярно. do-while цикъл е изходно контролиран контур.
Сега нека да продължим и да обсъдим различните методи за изпълнение на цикли на JavaScript.
За Loop
Този метод осигурява кратък начин за писане на структурата на цикъла. Цикълът for се повтаря, докато определено условие оцени като false.
Синтаксис-
за (увеличаване / намаляване на условие за тестване на условие за инициализация) {изявление}Пример-
как да получите дължината на масива javascript
// JavaScript програма за илюстрация за цикъл var x // за цикъл започва, когато x = 1 // и работи до x<=5 for (x = 1 x <= 5 x++) { document.write('Value of x:' + x + '
')}Изход -
Стойност на x: 1 Стойност на x: 2 Стойност на x: 3 Стойност на x: 4
Докато Loop
Цикълът while е оператор на контролен поток, който позволява многократно изпълнение на кода въз основа на конкретно булево условие. Този цикъл е подобен на този на повтарящ се оператор if.
Синтаксис-
while (булево условие) {оператори на цикъл}Пример-
// JavaScript програма за илюстриране на цикъл var x = 1 // Излезте, когато x стане по-голямо от 5, докато (x<= 5) { document.write('Value of x:' + x + '
') // увеличаваме стойността на x за // следваща итерация x ++}Изход -
Стойност на x: 1 Стойност на x: 2 Стойност на x: 3 Стойност на x: 4 Стойност на x: 5
Do-while Loop
Този цикъл е подобен на цикъл while, но единствената разлика е, че той проверява за състояние след изпълнение на операторите. По този начин това е пример за изходно контролиран цикъл.
Синтаксис-
направи {изявления} докато (условие)Пример-
// Програма за JavaScript за илюстриране на цикъл за изпълнение var x = 20 do {// ако условието е фалшиво document.write ('Стойност на x:' + x + '
') x ++} докато (x<10) Изход -
Стойност на x: 20
За-в Loop
Този цикъл повтаря определена променлива за всички изброими свойства на обект. За всяко отделно свойство JavaScript ще изпълни посочените оператори.
Синтаксис-
за (име на променлива в обект) {изявления}Пример-
// JavaScript програма за илюстриране на ..in loop // създаване на характеристика на обект var = = first: 'Name', second: 'Age', third: 'Height', 4th: 'Eye-color', 5th: 'Nationality '} // итерация през всяко свойство на характеристиките на // обект и отпечатване на всички // като се използват for..in цикли за (itr в характеристики) {document.write (характеристики [itr] +'
')}Изход -
Име Възраст Височина Цвят на очите Националност
Изявление за прекъсване
Операторът break се използва за изскачане от цикъл. Това ще ви помогне да прекъснете цикъла и да продължите да изпълнявате кода след цикъла.
Синтаксис-
счупи име на етикет
Пример-
var text = 'var i for (i = 0 i<10 i++) { if (i === 5) { break } text += 'The number is ' + i + '
'}Изход -
Числото е 0 Числото е 1 Числото е 2 Числото е 3 Числото е 4
Продължете изявлението
Операторът continue прекъсва една итерация в цикъла, ако възникне определено условие, и продължава със следващата итерация в цикъла. Разликата между оператора continue и break е, че операторът continue „прескача“ една итерация в цикъла, вместо „да изскочи“.
Синтаксис-
продължи име на етикета
Пример-
var text = 'var i for (i = 0 i<5 i++) { if (i === 2) { continue } text += 'The number is ' + i + '
'}Изход -
Числото е 0 Числото е 1 Числото е 3 Числото е 4
Това бяха различните методи за изпълнение на цикли на JavaScript. С това стигнахме до края на нашата статия.
След като вече знаете за цикли на JavaScript, разгледайте от Edureka. Обучението за сертифициране на уеб разработки ще ви помогне да научите как да създавате впечатляващи уебсайтове с помощта на HTML5, CSS3, Twitter Bootstrap 3, jQuery и Google API и да го разположите в Amazon Simple Storage Service (S3).
Имате въпрос към нас? Моля, споменете го в раздела за коментари на „Цикли на JavaScript“ и ние ще се свържем с вас.