JavaScript

1.

JavaScript

2.

Что мы будем изучать сегодня?
Функции в JavaScript
Локальные переменные и глобальные переменные
Примитивные и сложные типы переменных
Массивы - array
Многомерные массивы

3.

Функции

4.

Функции
Нам часто приходится повторять одно и то же действие во
многих частях программы. Чтобы не повторять один и тот же код
во многих местах, были придуманы функции. Функции - это
основные элементы программы.

5.

Объявление функции
function functionName(parameter) {
//code
}

6.

Пример использования

7.

Вызов функции
Функцию можно вызвать (вызвать функцию, чтобы код
внутри нее был выполнен), просто написав ее имя с
последующими круглыми скобками.

8.

Пример использования

9.

ЗАДАЧА
Объявите свою собственную
функцию для отображения
сообщения в консоли и
вызовите её.

10.

Локальная переменная
Локальные переменные - это переменные,
объявленные внутри функции и видимые только
внутри этой функции.

11.

Пример использования

12.

Глобальные переменные
Внешние переменные, к которым может обращаться
любая функция в коде, называются глобальными
переменными.
Желательно свести использование глобальных
переменных к минимуму. В современном коде
глобальных переменных обычно мало или вообще нет.

13.

Пример использования

14.

Параметры
Мы можем передавать любую информацию в функции,
используя параметры.

15.

Пример использования

16.

Параметры по умолчанию
Поскольку наша функция может иметь несколько
параметров, было бы хорошо указать для параметров
значения по умолчанию, таким образом формируя
параметры по умолчанию.
Это полезно, когда пользователь не вызывает функцию со
всеми необходимыми аргументами.

17.

Пример использования

18.

Return
Функция может вернуть результат, который будет
передан в код вызова. Директива return может
появляться в любом месте тела функции.
Как только выполнение достигает этой точки,
функция останавливается, и значение возвращается
коду, который ее вызвал.

19.

Пример использования

20.

ЗАДАЧА
1. Создайте функцию, которая
вычисляет квадрат чисел.
2. Объявите переменную, которой
назначается результат
вычисления функции.
3. Отобразите результат вычисления
функции в консоли.

21.

Давайте вспомним!

22.

Типы переменных
примитивный
сложный

23.

Тип object
Тип object является особым, он называется сложным типом,
потому что переменные этого типа могут содержать несколько
значений или даже сложные структуры данных.

24.

Массивы

25.

Array
Array используются для хранения нескольких значений в
одной переменной. Они относятся к типу object.

26.

Создание массива
Есть два основных метода, с помощью которых мы можем
создать массив:
пустой
let arr = [];
со значениями
let arr = [”green”,”blue”,”yellow”];

27.

Индексация
Каждому значению в массиве соответствует число,
называемое
индексом.
Индексирование
массива
всегда начинается с 0.
[ ”green” , ”blue” , ”yellow” ];
[0]
[1]
[2]

28.

Пример использования

29.

Length
Length - это свойство, содержащее длину array. При
увеличении / уменьшении массива это свойство
автоматически обновляется.
Он равен количеству элементов в array, другими словами,
последнему индексу + 1.

30.

Пример использования

31.

Есть ли другой способ отображать
элементы массива, кроме как
отображать их по одному?

32.

FOR для отображения массива
Один из наиболее эффективных способов перебора
элементов массива - использовать FOR:
for (let i = 0; i < arrayName.length; i++) {
console.log(arrName[i]);
}

33.

Пример использования

34.

Использование FOR … OF
Но для массивов существует другая версия цикла for,
называемая for...of:
for (let element of arrayName){
console.log(element);
}

35.

Пример использования

36.

Как добавить в array новый
элемент?

37.

PUSH метод
Push добавляет элемент в конец array.
arrayName.push(newElemnt)

38.

Пример использования

39.

Другие методы
Push() добавляет элементы в конец array.
Unshift() добавляет элементы в начало array.
Pop() удаляет последний элемент в конце array.
Shift() удаляет первый элемент из начала array.

40.

Многомерные array
Array (массивы) могут содержать элементы, которые
также являются array. Это свойство можно использовать
для создания многомерных array.

41.

Создание многомерного array

42.

Индексирование двумерного array
[0]
[0]
[1]
[2]
[1]
[2]

43.

Индексация
Позиция: [0][0]
ряд 0
столбец 0

44.

Индексация
Позиция: [2][1]
ряд 2
столбец 1

45.

Индексация
Позиция: ?
столбец ?
ряд ?

46.

Индексация
Позиция: [1][2]
столбец 2
ряд 1

47.

Пример использования
При написании кода:
Мы получаем:

48.

ЗАДАЧА
Отобразите числа 3, 7 и 9
в консоли из ранее
исследованного массива.

49.

Additional tasks
1. Напишите функцию, которая принимает массив
чисел и вычисляет сумму всех элементов в
массиве.
1. Напишите функцию, которая находит максимальное
и минимальное значения в массиве чисел.
1. Создайте функцию, которая переворачивает
порядок элементов в массиве. Например, если на
входе [1, 2, 3], то на выходе должно быть [3,
2, 1].

50.

Solution 1

51.

Solution 2

52.

Функции Math.max() и Math.min() в JavaScript
используются для поиска максимального и
минимального значений соответственно среди
заданного набора числовых значений или
элементов.

53.

Solution 3

54.

Метод reverse() в JavaScript используется для
изменения порядка элементов в массиве на
обратный. Он модифицирует оригинальный массив
на месте и не создает новый массив.

55.

Что мы изучали сегодня?
Функции в JavaScript
Локальные переменные и глобальные переменные
Примитивные и сложные типы переменных
Массивы - array
Многомерные массивы

56.

<Thank you!/>