kopilkaurokov.ru - сайт для учителей

Создайте Ваш сайт учителя Курсы ПК и ППК Видеоуроки Олимпиады Вебинары для учителей

Презентация на тему "Введение в JavaScript" Часть 2

Нажмите, чтобы узнать подробности

Вторая часть цикла презентаций по введению в JavaScript

Вы уже знаете о суперспособностях современного учителя?
Тратить минимум сил на подготовку и проведение уроков.
Быстро и объективно проверять знания учащихся.
Сделать изучение нового материала максимально понятным.
Избавить себя от подбора заданий и их проверки после уроков.
Наладить дисциплину на своих уроках.
Получить возможность работать творчески.

Просмотр содержимого документа
«Презентация на тему "Введение в JavaScript" Часть 2»

JavaScript Циклы

JavaScript

Циклы

Цикл «while» while (condition) {  // код  // также называемый

Цикл «while»

while (condition) {

// код

// также называемый "телом цикла"

}

Цикл «while»   Код из тела цикла выполняется, пока условие condition истинно. Например, цикл ниже выводит i, пока i  let i = 0; while (i  alert( i );  i++; }

Цикл «while»

Код из тела цикла выполняется, пока условие condition истинно.

Например, цикл ниже выводит i, пока i

let i = 0;

while (i

alert( i );

i++;

}

Инкремент и декремент Наиболее частой операцей в JavaScript, как и в других ЯП, является увеличение или уменьшение переменной на единицу. Инкремент ++ увеличивает на 1: let counter = 2; counter++; // работает как counter = counter + 1, просто запись короче alert( counter ); // 3

Инкремент и декремент

Наиболее частой операцей в JavaScript, как и в других ЯП, является увеличение или уменьшение переменной на единицу.

Инкремент ++ увеличивает на 1:

let counter = 2;

counter++; // работает как counter = counter + 1, просто запись короче

alert( counter ); // 3

Инкремент и декремент   Декремент -- уменьшает на 1: let counter = 2; counter--; // работает как counter = counter - 1, просто запись короче alert( counter ); // 1

Инкремент и декремент

Декремент -- уменьшает на 1:

let counter = 2;

counter--; // работает как counter = counter - 1, просто запись короче

alert( counter ); // 1

Инкремент и декремент    Важно: Инкремент/декремент можно применить только к переменной. Попытка использовать его на значении, типа 5++, приведёт к ошибке. Операторы ++ и -- могут быть расположены не только после, но и до переменной.

Инкремент и декремент

Важно:

Инкремент/декремент можно применить только к переменной. Попытка использовать его на значении, типа 5++, приведёт к ошибке.

Операторы ++ и -- могут быть расположены не только после, но и до переменной.

  • Когда оператор идёт после переменной – это «постфиксная форма»: counter++.
  • «Префиксная форма» – это когда оператор идёт перед переменной: ++counter.
Постфиксная форма let counter = 1; let a = counter++; // (*) меняем ++counter на counter++ alert(a); // 1

Постфиксная форма

let counter = 1;

let a = counter++; // (*) меняем ++counter на counter++

alert(a); // 1

Префиксная форма let counter = 1; let a = ++counter; // (*) alert(a); // 2

Префиксная форма

let counter = 1;

let a = ++counter; // (*)

alert(a); // 2

Постфиксная и префиксная форма   let counter = 0; counter++; ++counter; alert( counter ); // 2, обе строки сделали одно и то же

Постфиксная и префиксная форма

let counter = 0;

counter++;

++counter;

alert( counter ); // 2, обе строки сделали одно и то же

Постфиксная и префиксная форма   let counter = 0; alert( ++counter ); // 1

Постфиксная и префиксная форма

let counter = 0;

alert( ++counter ); // 1

Постфиксная и префиксная форма   let counter = 0; alert( counter++ ); // 0

Постфиксная и префиксная форма

let counter = 0;

alert( counter++ ); // 0

Цикл «while» Любое выражение или переменная может быть условием цикла, а не только сравнение: условие while вычисляется и преобразуется в логическое значение. let i = 3; while (i) { // когда i будет равно 0, условие станет ложным, и цикл остановится  alert( i );  i--; }

Цикл «while»

Любое выражение или переменная может быть условием цикла, а не только сравнение: условие while вычисляется и преобразуется в логическое значение.

let i = 3;

while (i) { // когда i будет равно 0, условие станет ложным, и цикл остановится

alert( i );

i--;

}

Цикл «while» Если тело цикла состоит лишь из одной инструкции, мы можем опустить фигурные скобки {…}: let i = 3; while (i) alert(i--);

Цикл «while»

Если тело цикла состоит лишь из одной инструкции, мы можем опустить фигурные скобки {…}:

let i = 3;

while (i) alert(i--);

Цикл «do…while» Проверку условия можно разместить под телом цикла, используя специальный синтаксис: do {  // тело цикла } while (condition);

Цикл «do…while»

Проверку условия можно разместить под телом цикла, используя специальный синтаксис:

do {

// тело цикла

} while (condition);

Цикл «do…while»   Например: let i = 0; do {  alert( i );  i++; } while (i < 3);

Цикл «do…while»

Например:

let i = 0;

do {

alert( i );

i++;

} while (i

Цикл «for» Более сложный, но при этом самый распространённый цикл — цикл for. Выглядит он так: for (начало; условие; шаг) {  // ... тело цикла ... }

Цикл «for»

Более сложный, но при этом самый распространённый цикл — цикл for.

Выглядит он так:

for (начало; условие; шаг) {

// ... тело цикла ...

}

Цикл «for»   Цикл ниже выполняет alert(i) для i от 0 до (но не включая) 3: for (let i = 0; i  alert(i); }

Цикл «for»

Цикл ниже выполняет alert(i) для i от 0 до (но не включая) 3:

for (let i = 0; i

alert(i);

}

Цикл «for»    Рассмотрим конструкцию for подробней:

Цикл «for»

Рассмотрим конструкцию for подробней:

Цикл «for»     алгоритм работы цикла выглядит следующим образом: Выполнить *начало* → (Если *условие* == true → Выполнить *тело*, Выполнить *шаг*) → (Если *условие* == true → Выполнить *тело*, Выполнить *шаг*) → (Если *условие* == true → Выполнить *тело*, Выполнить *шаг*) → ...

Цикл «for»

алгоритм работы цикла выглядит следующим образом:

Выполнить *начало*

→ (Если *условие* == true → Выполнить *тело*, Выполнить *шаг*)

→ (Если *условие* == true → Выполнить *тело*, Выполнить *шаг*)

→ (Если *условие* == true → Выполнить *тело*, Выполнить *шаг*)

→ ...

Пропуск частей «for» Любая часть for может быть пропущена. Для примера, мы можем пропустить начало если нам ничего не нужно делать перед стартом цикла. let i = 0; // мы уже имеем объявленную i с присвоенным значением for (; i  alert( i ); // 0, 1, 2 }

Пропуск частей «for»

Любая часть for может быть пропущена.

Для примера, мы можем пропустить начало если нам ничего не нужно делать перед стартом цикла.

let i = 0; // мы уже имеем объявленную i с присвоенным значением

for (; i

alert( i ); // 0, 1, 2

}

Пропуск частей «for» Можно убрать и шаг: let i = 0; for (; i  alert( i++ ); } Это сделает цикл аналогичным while (i

Пропуск частей «for»

Можно убрать и шаг:

let i = 0;

for (; i

alert( i++ );

}

Это сделает цикл аналогичным while (i

Пропуск частей «for» А можно и вообще убрать всё, получив бесконечный цикл: for (;;) {  // будет выполняться вечно }  При этом сами точки с запятой ; обязательно должны присутствовать, иначе будет ошибка синтаксиса.

Пропуск частей «for»

А можно и вообще убрать всё, получив бесконечный цикл:

for (;;) {

// будет выполняться вечно

}

При этом сами точки с запятой ; обязательно должны присутствовать, иначе будет ошибка синтаксиса.

Прерывание цикла: «break» Обычно цикл завершается при вычислении условия в false. Но мы можем выйти из цикла в любой момент с помощью специальной директивы break.

Прерывание цикла: «break»

Обычно цикл завершается при вычислении условия в false.

Но мы можем выйти из цикла в любой момент с помощью специальной директивы break.

Прерывание цикла: «break» следующий код подсчитывает сумму вводимых чисел до тех пор, пока посетитель их вводит, а затем – выдаёт let sum = 0; while (true) {  let value = +prompt(

Прерывание цикла: «break»

следующий код подсчитывает сумму вводимых чисел до тех пор, пока посетитель их вводит, а затем – выдаёт

let sum = 0;

while (true) {

let value = +prompt("Введите число", '');

if (!value) break; // (*)

sum += value;}

alert( 'Сумма: ' + sum );

Переход к следующей итерации: continue Директива continue – «облегчённая версия» break. При её выполнении цикл не прерывается, а переходит к следующей итерации (если условие все ещё равно true). Её используют, если понятно, что на текущем повторе цикла делать больше нечего.

Переход к следующей итерации: continue

Директива continue – «облегчённая версия» break. При её выполнении цикл не прерывается, а переходит к следующей итерации (если условие все ещё равно true).

Её используют, если понятно, что на текущем повторе цикла делать больше нечего.

Переход к следующей итерации: continue Например, цикл ниже использует continue, чтобы выводить только нечётные значения: for (let i = 0; i  // если true, пропустить оставшуюся часть тела цикла  if (i % 2 == 0) continue;  alert(i); // 1, затем 3, 5, 7, 9 }

Переход к следующей итерации: continue

Например, цикл ниже использует continue, чтобы выводить только нечётные значения:

for (let i = 0; i

// если true, пропустить оставшуюся часть тела цикла

if (i % 2 == 0) continue;

alert(i); // 1, затем 3, 5, 7, 9

}

Переход к следующей итерации: continue   Директива continue позволяет избегать вложенности Цикл, который обрабатывает только нечётные значения, мог бы выглядеть так: for (let i = 0; i  if (i % 2) {  alert( i );  } } for (let i = 0; i  if (i % 2 == 0) continue;  alert(i); }

Переход к следующей итерации: continue

Директива continue позволяет избегать вложенности

Цикл, который обрабатывает только нечётные значения, мог бы выглядеть так:

for (let i = 0; i

if (i % 2) {

alert( i );

}

}

for (let i = 0; i

if (i % 2 == 0) continue;

alert(i);

}

Задания

Задания

  • Вывести все четные значения от 2 до 33 используя цикл for
  • Вывести все четные значения от 2 до 33 используя цикл while
  • Игра “Угадай число”. Пользователь вводит значение, пока не угадает загаданное вами число
  • Вычисление факториала числа


Получите в подарок сайт учителя

Предмет: Информатика

Категория: Презентации

Целевая аудитория: 10 класс

Скачать
Презентация на тему "Введение в JavaScript" Часть 2

Автор: Семин Никита Алексеевич

Дата: 25.02.2020

Номер свидетельства: 541017

Похожие файлы

object(ArrayObject)#863 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(82) "Презентация на тему "Введение в JavaScript" Часть 1"
    ["seo_title"] => string(51) "prezentatsiia_na_temu_vvedenie_v_javascript_chast_1"
    ["file_id"] => string(6) "541015"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(11) "presentacii"
    ["date"] => string(10) "1582613723"
  }
}




ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО

Добавить свою работу

* Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт

Удобный поиск материалов для учителей

Ваш личный кабинет
Проверка свидетельства