После столь необходимого вчера выходного дня я вернулся к этому сегодня. На сегодняшнем уроке мы узнали о циклах и условных выражениях.
Циклы в javascript оценивают условие, оно проверяет условие и, если условие истинно, запускает блок кода и повторяет процесс до тех пор, пока выражение не станет ложным.
Курс охватывал несколько элементов, с которыми я уже ознакомился, например, логические операторы, логические и &&
и логические или ||
, а также операторы if, if else и else.
var testScore = 88; if (testScore >90){ console.log('Congratulations, you got an A!'): } else if (testScore > 80){ console.log('Great job, you got a B!'); } else if (testScore > 70){ console.log('Not bad, a C'); } else { console.log('You failed, better study more next time');
Я чувствую, что у меня было хорошее понимание этого, прежде чем пройти через это, но было бы неплохо пройтись по этому снова.
Далее я рассмотрел операторы switch. Я не слишком уверен в разнице между запуском оператора switch и оператора if, но было полезно узнать.
Инструкции Switch выглядят следующим образом:
var gradeRemark = 'B'; switch(gradeRemark){ case 'A': alert('Great job!'); break; case 'B': alert('Good job'); break; case 'C': alert('Good try'); break; default: alert('Try again'); }
Затем я рассмотрел циклы While, Do/While и For.
Циклы While — будут выполняться до тех пор, пока выражение истинно.
var score = 0; while (score < 5){ console.log(score); score++; }
Счет начнется с 0, а затем увидит, что он меньше 5, затем запишет счет с 0, а затем увеличит значение на 1, тогда счет var будет равен 1, он снова запустит цикл и увидит, что 1 меньше, чем 5, поэтому оценка будет равна 1, а затем снова увеличится на 1, поэтому var score будет равна 2. Затем он снова запустит цикл и увидит, что 3 меньше 5, зарегистрирует оценку на 2 и увеличит ее на 1 и т. д. и т. д., пока не дойдет до 4, а затем остановится, так как 5 не меньше 5.
Циклы Do/while — работают так же, как цикл while, за исключением того, что перед циклом while выполняется хотя бы один блок кода. например
var value = 5; do { console.log(value); value++; }while(value<3);
Он запишет значение 5, затем увеличит его, а затем будет отображаться как false в цикле while, поэтому остановится.
Цикл For-циклы for выглядят следующим образом:
for(initialization; condition; update){ //code block to be ran; } for(var i = 0; i<5; i++){ console.log('My favourite number is ' + i = '!'); } // 'My favourite number is 0!' 'My favourite number is 1!' 'My favourite number is 2!' 'My favourite number is 3!' 'My favourite number is 4!'
Наконец я узнал о переборе массива
var zooNames = ['lion','tiger','bear']; var arrayLength = zooNames.length; // 3 for(i=0; i < arrayLength; i++){ console.log('My favourite zoo animal is the ' + zooNames[i] + '!'); } //
Мы инициализировали счетчик на 0, затем смотрим, меньше ли он длины массива (для приведенного выше это 3) (это условие), затем увеличиваем значение на 1 (обновление). Если второе утверждение верно, то мы идем в блок кода и регистрируем строку «Мое любимое животное в зоопарке — лев!», и теперь значение для i было обновлено до 1, и поскольку 1 все еще меньше, чем длина массива 3 оператор снова запустится и запустит «Мое любимое животное в зоопарке — тигр!», поскольку значение i было обновлено до 2, и затем он будет выполняться до тех пор, пока не сделает весь массив.
Есть практический пример, который включает в себя как оператор for, так и оператор if else, но я оставлю это до завтра, так как мой мозг слишком недосыпает для этого прямо сейчас.