оказывает непосредственное влияние на результат порядка выполнения каждого кода. Часто нам приходится контролировать порядок выполнения кода, чтобы выполнить функции, которые мы хотим выполнить.
Краткое понимание. : управление потоком должно управлять нами, в каком порядке должен выполняться написанный код для достижения нашей цели.
В управлении процессом есть три основные структуры: последовательная структура, структура ветвей и структура цикла. Эти три структуры представляют порядок выполнения кода.
Последовательная структура — это самый простой и основной процесс управления процессом в программе. Все коды, которые мы написали ранее, относятся к последовательной структуре (то есть выполняются сверху вниз. Программа не имеет фиксированной синтаксической структуры). По порядку
. В процессе выполнения кода сверху вниз выполняются разные коды путей в соответствии с разными условиями (процесс выбора одного из нескольких кодов выполнения), тем самым получая. разные результаты
1.21 Язык js предоставляет две структуры ветвления. Оператор
// Выполнить код, если условие истинно, в противном случае ничего не делать
if (условное выражение) {
//Язык кода для выполнения, когда условие установлено == Выполнять только тогда, когда условное выражение истинно
}
Операторы цикла и операторы ветвления являются типичными операторами. В обычных обстоятельствах программа состоит из множества операторов. , он будет разделен на
демонстрацию кода
оператора одну за другойvar age=19; если(возраст>=18){ console.log('Вы взрослый'); //Выводим, что вы уже взрослый, потому что age=19; если он больше 18, то оператор if будет выполнен } вар возраст = 1; если(возраст>=18){ console.log('Вы взрослый'); // Ничего не выводить. age=1;<18, оператор if не будет выполнен, поэтому нет }
процесса выполнения
синтаксической структуры
оператора if else (оператор двойной ветви)//Если условие установлено, выполните код в if, в противном случае выполните код в else
if (условное выражение) {
//Код для выполнения, соответствующий условиям
}else{
//Код, не соответствующий условиям выполнения
}
Процесс выполнения
Демонстрация кода
var age=prompt('Пожалуйста, введите свой возраст');//Ввод пользователя if(age>=18){ console.log('Теперь вы можете пить'); }еще{ console.log('К сожалению, несовершеннолетним можно пить только кальций AD'); } // Оцениваем, является ли год годом выполнения varyear=prompt('Пожалуйста, введите год:'); if(year%4==0&&year%100!=0||year%400==0){ alert('Введенный вами год является високосным'); }еще{ alert('Введенный вами год является обычным годом'); }Суперрасширенная версия
синтаксической структуры
// Подходит для проверки нескольких условий
if (условное выражение) {
Утверждение 1;
}иначе если(условное выражение){
Утверждение 2;
}иначе если(условное выражение){
Утверждение 3
…
}иначе{;
//Выполнить этот код, если вышеуказанные условия не выполнены
}
Управление процессом
Демонстрация кода
//Мини-калькулятор: введите два числа и символы операций, чтобы получить соответствующие значения. var yi = +prompt('Пожалуйста, введите первое число'); //Пожалуйста, используйте сложение, вычитание, умножение и деление для неявного преобразования в числовой тип или используйте целые числа praseInt (переменная) или parsefloat (переменная) и числа с плавающей запятой var fuhao = Prompt('Пожалуйста, введите оператора'); var er = +prompt('Пожалуйста, введите второе число'); если (фухао == '+') { вар шу = йи + эр; } else if (fuhao == '-') { вар шу = йи – эр; } else if (fuhao == '/') { вар шу = йи/эр; } else if (fuhao == '*') { вар шу = йи*эр; } else if (fuhao == '%') { вар шу = yi% er; } еще { alert('Пожалуйста, введите необходимое:'); } alert(shu);
Оператор переключения также является оператором с несколькими ветвями. Он используется для выполнения различных кодов в зависимости от разных условий. Если вы хотите установить ряд определенных значений для переменных, используйте переключатель
(). выражение) {
case value1:
//Код, который будет выполняться, когда выражение равно значению 1
Break;
Case Value2:
//Код, который будет выполняться, когда выражение равно значению 2.
Break
default:
//Код, который будет выполняться, когда выражение равно. не равно никакому значению
}
Управление процессом
Демонстрация кода
var Fruit =prompt('Пожалуйста, введите фрукты, которые вы хотите купить:'); переключатель(фрукты){ корпус «яблоко»: alert('Цена яблок: 3,5/кошка'); перерыв; случай «личи»: alert('Цена личи: 10,5/джин'); перерыв; по умолчанию: alert('Нет фруктов'); }
Обратите внимание,
Разница между оператором переключения и оператором if else.
Обычно
эти два оператора могут быть преобразованы друг в друга.
ситуация, когда случай представляет собой сравнение для определения значения, в то время как оператор if...else... является более гибким, часто используется для определения диапазона (больше, равно определенному диапазону).
Оператор switch выполняет условное определение и
непосредственно выполняет условный оператор программы, что более эффективно. Однако операторы if...else... имеют несколько условий и должны обрабатываться несколько раз.
Когда ветвей меньше, эффективность выполнения оператора if...else... выше, чем у оператора switch.
Когда ветвей много, эффективность выполнения оператора switch выше, а структура более понятна.
том
в практических задачах существует множество повторяющихся операций, поэтому для выполнения таких операций в программе необходимо многократно выполнять определенные операторы.
Js есть три основных типа. операторы цикла:
в программе группа операторов, которые выполняются повторно, называется телом цикла. Может ли он продолжать выполняться повторно, зависит от условий для. Завершение цикла
Оператор, состоящий из тела цикла и условия завершения цикла, называется оператором цикла.
Синтаксическая структура
цикла for в основном используется для повторения определенного кода несколько раз, обычно связанного с подсчетом. Структура оператора следующая:
(переменная инициализации; условное выражение; выражение операции) {
//Тело цикла
}
управление процессом
Демонстрация кода
для (var i=1;i<=10;i++){ console.log('Я тебе нравлюсь?'); }//Подсчитаем общий балл класса и средний балл var num = Prompt('Пожалуйста, введите общее количество человек в классе') вар сумма = 0, среднее = 0; for (var я = 1; я <= число; я++) { var Score = Prompt('Пожалуйста, введите оценку студента ' + i + '') //Данные, полученные из приглашения, представляют собой строку, которую необходимо преобразовать в число sum += parseInt(score); } среднее = сумма/число; alert('Общая оценка класса:' + sum); alert('Средний балл класса:' + sum);//Выведите 5 сердечек в одну строку for (var i=0;i<=4;i++){ console.log('*'); }
Двухслойный цикл for (вложение цикла)
Вложение цикла относится к грамматической структуре определения оператора цикла внутри оператора цикла. Например, вложение цикла for в цикл for. Мы называем такой оператор цикла for двухуровневым. цикл
Мы называем внутренний цикл внутренним циклом, а внешний цикл — внешним. Внешний
цикл выполняется один раз, а внутренний цикл выполняется от начала до конца.
Демонстрация кода
// Низкий уровень: 5 строк и 5 столбцов var str. =''; для (var i=0;i<=4;i++){ for (var j=0;j<=4;j++){ стр+='*'; } стр+='n'; } console.log(стр); //Дополнительно: n строк и n столбцов var rows = Prompt('Пожалуйста, введите количество строк:'); var cols = Prompt('Пожалуйста, введите количество столбцов'); вар стр = ''; for (var i = 1; i <= rows; i++) { for (var j = 1; j <= cols; j++) { стр+='*'; } стр+='n'; } console.log(стр); //Печать перевернутого треугольника var str=''; for (var i=1;i<=10;i++){ for (var j=i;j<=10;j++){ стр+='*'; } стр+='n'; } console.log(стр); /* 1 ********** 10 2 *********9 3 ********8 4 *******7 5******6 6*****5 7****4 8***3 9**2 10 *1 *///Основной алгоритм: var j=i;j<=10;j++//Идея: сначала проанализировать результаты и наблюдать за взаимосвязью между строками и столбцами. Затем определите алгоритм внутреннего цикла // напечатайте равносторонний треугольник, та же идея, что и выше. вар стр = ''; for (var i=1;i<=9;i++){ for (var j=1;j<=i;j++){ стр+='*'; } стр+='n'; } console.log(str);//Чтобы распечатать таблицу умножения, замените звездочку равностороннего треугольника уравнением var str = ''; for (var я = 1; я <= 9; я++) { for (var j = 1; j <= i; j++) { /* стр+='*' */ str += i + '*' + i + '=' + i * j + 't'; } стр += 'n'; } console.log(str);//Помните: внешний цикл выполняется один раз, а внутренний цикл выполняется от начала до конца. Он просто отображает суть графиков.
Циклы
до
. не соответствует условию, цикл завершается
.Синтаксическая структура оператора while
while (условное выражение) {
//Оператор тела цикла;
}
Идея выполнения:
сначала выполните условное выражение, если условие истинно, затем выполните код тела цикла, в противном случае выйдите из цикла и выполните следующий код
для выполнения
кода тела цикла. код выполняется, программа продолжит оценивать и выполнять условное выражение. Если условие все еще истинно, продолжайте выполнять тело цикла. Весь процесс тела цикла не завершится, пока условие цикла не станет ложным
. следующее
Демонстрация кода
var num=1; //Инициализируем переменные while(num<=10){//Условное выражение console.log('Hello world'); num++;//Выражение операции }
Примечание.
В while также есть выражение операции для завершения обновления счетчика и предотвращения бесконечного цикла (я не добавлял выражение операции, но когда я запускал код, интерфейс Google Chrome был
нем
также должны быть переменные инициализации счетчика.
Цикл while может быть в определенной степени эквивалентен циклу for. Вам нужно только поместить в цикл for инициализированные переменные, условные выражения и выражения операций. .
Демонстрация кода
//Распечатайте жизнь человека от 1 года до 120 лет var age = 1; в то время как (возраст <= 120) { console.log('Этот человек в этом году' + возраст + 'лет'); возраст++; } //2. Вычисляем сумму всех целых чисел от 1 до 100 var sum = 0, я = 1; в то время как (я <= 100) { сумма += я; я++; } console.log(сумма); //3. Откройте диалоговое окно, ты меня любишь? Если вы введете «Я люблю тебя», появится сообщение об окончании, иначе оно будет продолжать спрашивать var message='Do you love me'; while(message!=='Я люблю тебя'){ message=prompt('Ты меня любишь?'); } alert('Я тоже тебя люблю');
цикл do... while
Оператор do... while на самом деле является вариантом оператора while. Этот цикл сначала выполняет блок кода один раз, а затем оценивает условное выражение. имеет значение true, тело цикла будет выполняться повторно, в противном случае произойдет выход из цикла
do... Синтаксическая структура оператора while следующая:
do {
//Код тела цикла — повторите код тела цикла, если условное выражение истинно.
}
Идея выполнения:
выполните код тела цикла один раз
, а затем выполните условное выражение. Если результат истинен, продолжайте выполнять код тела цикла. Если это так. ложно, затем выйдите из цикла и продолжите выполнение следующего кода.
Примечание: сначала выполните оператор тела цикла, а затем определите. Мы обнаружим, что оператор цикла do... while выполнит тело цикла хотя бы один раз.
управление процессом
Демонстрация кода
//Распечатайте жизнь человека от 1 до 120 лет var age = 1; делать { console.log('Этот человек в этом году' + возраст + 'лет'); возраст++; } Пока (возраст <= 120); //2. Вычисляем сумму всех целых чисел от 1 до 100 var sum = 0, я = 1; делать { сумма += я; я++; } пока (я <= 100) console.log(сумма); //3. Откройте диалоговое окно, ты меня любишь? Если вы введете «Я люблю тебя», появится сообщение об окончании, в противном случае будет продолжаться вопрос var message = «Ты меня любишь»; делать { message = Prompt('Ты меня любишь?'); } while (сообщение !== 'Я люблю тебя'); alert('Я тоже тебя люблю');
Краткое описание циклов
:продолжения является слово, которое используется для немедленного выхода из этого цикла и продолжения. следующий цикл (код после continue в теле этого цикла будет выполняться на один раз меньше).
Например: если вы съели 5 булочек, а в третьей булочке есть ошибки, выбросьте третью булочку и продолжайте есть четвертую и пятую булочки.
Демонстрация кода
для (var i = 1; i <= 5; i++) {. если (я == 3) { продолжать; } console.log('Я съел ' + i + 'ую булочку'); } Результат: //Я съел 1-ю булочку //Я съел 2-ю булочку //Я съел 4-ю булочку //Я съел 5-ю булочку
Ключевое слово
Break Ключевое слово Break используется для немедленного выхода из всего цикла (Конец цикла)
Например: Съев пять булочек, я на третьей обнаружил червяка и потерял аппетит.
Пример кода
для (var i = 1; i <= 5; i++) { если (я == 3) { перерыв; } console.log('Я съел ' + i + 'ую булочку'); } Результат; //Я съел первую булочку на пару //Я съел вторую булочку на пару.
идентификатор. Соглашение об именовании
переменных, имя функции должно быть осмысленным, имя переменной обычно является существительным, именем функции; обычно представляет собойоднострочный комментарий
for (var i = 1; i <= 5; i++) { если (я == 3) { продолжить; //Обратите внимание, что перед однострочным комментарием стоит пробел }; console.log('Я съел ' + i + 'ую булочку'); }
Спецификация оператора
//Зарезервируйте пробел слева и справа от оператора для (var i = 1; i <= 5; i++) { если (я == 3) { перерыв; } console.log('Я съел ' + i + 'ую булочку'); }