Скачать "💻 Коллекции в JavaScript: массивы и объекты - Array и Object - курс для начинающих"

"videoThumbnail 💻 Коллекции в JavaScript: массивы и объекты - Array и Object - курс для начинающих

Формируем заголовок Title

Формируем заголовок Title

Канал: loftblog

Начальный курс SQL.Для символьных типов данных

Начальный курс SQL.Для символьных типов данных

Канал: Igor Vovchenko

Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]

Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]

Канал: RED Group

Основы Программирования - #10 - События

Основы Программирования - #10 - События

Канал: loftblog

Основы Программирования - #8 - Инструменты для программиста

Основы Программирования - #8 - Инструменты для программиста

Канал: loftblog

20 коммерческих факторов ранжирования, которые выведут ваш сайт в топ

20 коммерческих факторов ранжирования, которые выведут ваш сайт в топ

Канал: loftblog

💡 Разбор решения задач 1-5 по JavaScript для начинающих

💡 Разбор решения задач 1-5 по JavaScript для начинающих

Канал: METATECH

HTML для начинающих - #9 - Формы. Введение

HTML для начинающих - #9 - Формы. Введение

Канал: loftblog

Начальный курс SQL.Выбор колонок Выражения

Начальный курс SQL.Выбор колонок Выражения

Канал: Igor Vovchenko

Начальный курс SQL.Вставка данных INSERT

Начальный курс SQL.Вставка данных INSERT

Канал: Igor Vovchenko

JavaScript

NodeJS

Metarhia

Programming

Шемсединов

Shemsedinov

node.js

уроки

программирование

js

курс

основы

для начинающих

node

backend

frontend

курсы

джаваскрипт

api

задачи

решения

ит

it

образование

education

metaeducation

Метархия

00:00:02

коллекциями вчера скрипте с массивами и

00:00:04

объектами это такие штуки в которых

00:00:07

внутри есть несколько

00:00:10

разных элементов вот у нас закон такой

00:00:14

пример и в нем есть как массивы и так и

00:00:17

объекты и вот допустим массив

00:00:21

electronics и в нем три элемента они

00:00:24

объекты и

00:00:26

значит внутри пер час у нас есть два

00:00:30

ключа electronics & textile и они

00:00:33

массивы то есть этот пример состоит из

00:00:37

вложенных

00:00:38

массивов и объектов и в конце концов у

00:00:42

самых глубоких там внутри объектов есть

00:00:45

поля и там просто примитивные значения в

00:00:49

виде строк и чисел

00:00:52

давайте попробуем с этим примером

00:00:54

сделать разные модификации что мы вообще

00:00:57

можем с ним делать ну и давайте сначала

00:01:02

его рассмотрим что это у нас за пример

00:01:04

это у нас какая-то покупка которая

00:01:07

состоит из групп товаров и в каждой

00:01:10

группе по несколько товаров

00:01:13

электроники 3 единицы и текстиля 1

00:01:16

единицу мы с ним можем сделать во первых

00:01:19

мы можем прочитать из такой структуры

00:01:24

массив ссылку на массив взять вот тот

00:01:27

час . electronics таким образом получаем

00:01:30

вот этот массив из трех элементов

00:01:32

можем обратиться к нему через вот такой

00:01:35

синтаксис

00:01:37

квадратных скобок эти можем через точку

00:01:40

писать electronics можем через

00:01:41

квадратные скобки там в кавычках

00:01:44

electronics итак итак абсолютно

00:01:46

идентично потом мы можем внутри из

00:01:50

массива электроники читать

00:01:53

элементы вот читаем нулевой элемент 1 2

00:01:57

там можем тут просто индекс менять и с

00:02:01

помощью синтаксиса квадратных скобок

00:02:03

можем заступаться к элементов в массиве

00:02:05

у

00:02:06

каждого из этих элементов мы видим что

00:02:09

есть несколько полей ватные мы прайс мы

00:02:11

можем вот таким образом считать и спер

00:02:14

час electronics у второго элемента поле

00:02:17

прайс то есть вот у нас нулевой элемент

00:02:20

прайс

00:02:21

1501 100 и тут вот 10 будь то есть вот

00:02:25

такая вот строка у нас прочитает десятку

00:02:28

из всей этой структуры

00:02:31

теперь можем взять у васи во этих

00:02:36

электроники взять количество будут три

00:02:39

три элемента значит вот пер час .

00:02:42

electronics . лэнс нам вернет три

00:02:46

теперь мы из этой структуры хотим взять

00:02:50

ключи у нас есть

00:02:52

вот такой метод объект . keys туда

00:02:56

передали объект от которого хотим взять

00:02:59

ключ и взяли electronics и так стоял вот

00:03:01

мы видим что у него есть два ключа мы

00:03:05

вот-вот их берем и получаем собственно

00:03:08

объект keys нам выдает массив из имён

00:03:12

этих ключей то две строки и мы консоль

00:03:15

многом их вводим на экран

00:03:17

можем получить объект entries мы

00:03:20

получаем таким образом ключи и значения

00:03:24

тут у нас значение не раскрыты потому

00:03:27

что консоль мог

00:03:28

он если какая-то вложенная структура то

00:03:33

он просто напишет там объекта ли рейду

00:03:35

на самом деле там внутри вот эти вот

00:03:38

массивы есть то есть это мы получаем

00:03:40

массив из массивов в каждом из них

00:03:43

получается элемент и значение которые

00:03:46

были в вот в этом нашем исходном объект

00:03:50

теперь час у нас тут есть ключи есть

00:03:52

значение а тут мы вот этот объект

00:03:55

преобразовали вот в такой вот массив из

00:03:59

массивов и тоже консольного вывели

00:04:03

теперь мы хотим из массива вот допустим

00:04:06

из электроники

00:04:09

значит взять нулевой элемент 1 2 мы

00:04:13

можем сделать это при помощи квадратных

00:04:15

скобках синтаксиса ну когда дошли до

00:04:17

конца вот допустим 3 элемента не это тут

00:04:20

так как нумерация с 0 0 1 2 вот они

00:04:25

0 1 2 берутся а потом пытаемся взять 3

00:04:30

это уже за пределами массива и нам

00:04:32

возвращается отдыхает

00:04:35

то же самое мы можем взять при помощи

00:04:38

метода it it 0 это 1 и 2 и 3 абсолютно

00:04:42

идентичное поведение но это нам еще дает

00:04:46

дополнительно возможность брать минус 1

00:04:49

минус 2 минус 3 то есть конца минус один

00:04:53

это последний элемент минус 2 это

00:04:55

предпоследний минус 3 это

00:04:58

третий с конца

00:05:00

вот он нам выдает отсюда лэптоп теперь 4

00:05:04

с конца -4 это значит что мы пытаемся

00:05:07

уже выйти за пределы массива тут вас нет

00:05:10

никакого элемента и она нам возвращает

00:05:12

отдыхает

00:05:14

так теперь мы хотим этот массив

00:05:17

скопировать у нас был исходный массив

00:05:20

творчес electronics мы теперь его

00:05:23

троеточием распаковываем и опять

00:05:26

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

00:05:28

массив и у нас получается массив ой там

00:05:31

с это еще один массив это копия его в

00:05:35

котором

00:05:36

содержатся те же самые объекты которые

00:05:38

были или и в electronics вот моего

00:05:40

консоли логом вывели

00:05:43

теперь мы можем еще объединить массивы

00:05:45

вот мы хотим объединить electronics и

00:05:47

так style в общий массив троеточием

00:05:49

распаковываем массив квадратными

00:05:52

скобками упаковываем в новый год

00:05:53

получили массив из всех четырех

00:05:56

элементов которые у нас и в электронике

00:05:59

втык ставили содержались

00:06:02

добавление элементов массив метод push

00:06:05

пишем корпус electronics push вот мышку

00:06:08

сюда добавляем объект в котором описано

00:06:11

мышка выводим концы многом видим в конце

00:06:13

добавилось добавился еще один объект

00:06:16

мышка извлечения элемента из массива

00:06:19

метод об пишем purchase electronics поп

00:06:23

получили ой там в переменную вывели и

00:06:27

еще вы видим что у нас осталось массива

00:06:30

purchase electronics видите мы hdmi

00:06:33

кабель оттуда забрали и у нас там на 1

00:06:37

меньше элементов осталось было три стола

00:06:40

2 кабель забрали

00:06:43

поиск элементов в массиве вот мы на

00:06:46

примере

00:06:47

такого простого массива из сцен

00:06:52

найдем первую цену которая больше ста да

00:06:56

вот мы

00:06:59

пишем price is fine сюда пишем функцию

00:07:03

эта функция получает на вход ой там и

00:07:06

проверяет если ой там больше ста в этом

00:07:11

случае будем выводить прайс вот мы

00:07:15

вывели 1500 1 которое больше ста это вот

00:07:18

1500 ну тут у нас на самом деле только

00:07:22

на 1 больше ста до у нас но могли

00:07:24

написать больше равно 100 и тогда в

00:07:27

принципе что то же бы подходила но fine

00:07:29

нам находит только первый элемент сразу

00:07:31

возвращает его вот мы его выведем

00:07:35

можем написать вот так вот вхождение

00:07:38

проверить вхождение в массив

00:07:40

price as in class 100 и вот она нам

00:07:44

говорит что до 100

00:07:46

присутствует если бы мы тут проверяли

00:07:48

допустим 200 она бы нам ничего не вывела

00:07:51

на экран потому что iv стоит и прайс и

00:07:54

сам класс возвращает true или false и

00:07:56

тут вообще ничего не напечатает случае

00:07:59

если она не найдет этого элемента в

00:08:01

массиве у

00:08:02

нас вообще в массива очень много разных

00:08:05

методов вот к примеру есть

00:08:09

метод джоин можем написать names join по

00:08:12

точки запятой и пробелу и вот так вот

00:08:14

получить laptop . запятой пробел гей-бар

00:08:17

. запятой пробел маус можем взять индекс

00:08:22

элемента в массиве names . index of

00:08:25

mouse и

00:08:27

таким образом мы

00:08:29

получим индекс 2 вот ну маус у нас на

00:08:33

втором месте до 0 я напомню вместо

00:08:36

лэптоп 1 кей борт iv на втором месте

00:08:39

маус находится вот все логично работает

00:08:43

а это вообще у

00:08:44

нас этих методов огромное количество

00:08:47

давайте еще посмотрим фильтр например да

00:08:50

вот мы применим кто там того же самому

00:08:53

массиву purchase electronics . фильтр и

00:08:56

хотим все

00:08:59

покупки у которых цена больше 50 у нас

00:09:02

тут две таких будет это лэптопы keyboard

00:09:05

то есть у нас фильтр отдаст нам новый

00:09:08

массив в котором будет только два

00:09:10

элемента

00:09:11

которая нас копируют из электроники

00:09:15

лэптоп вот собственно по этого условию

00:09:17

скопирует

00:09:19

тут я вам предлагаю просто зайти на

00:09:23

поисковую машину

00:09:24

насчет написать там java script array но

00:09:28

если она не будет давать ссылку на mdm

00:09:31

значит mozilla до вопрос network то

00:09:34

напишите

00:09:35

mdm и там почитайте про все вот эти вот

00:09:40

методы и я их очень много попробуйте их

00:09:44

на практике они все интересные и мы не

00:09:48

будем их разбирать каждый это

00:09:51

самостоятельная работа их достаточно

00:09:54

много их нужно все попробовать а мы в

00:09:56

следующих примерах их будем уже

00:09:58

использовать как будто мы их знаем но

00:10:00

если вы на самом деле не разберете то в

00:10:02

принципе какие-то из них наверно мы

00:10:04

захватим еще будем видеть в примерах но

00:10:08

подробнее я так думаю что нужно

00:10:12

самостоятельно это дело подучить это

00:10:15

будет очень полезно изучить какую-то

00:10:18

часть материала самостоятельно удачи

Описание:

Патреон: https://www.patreon.com/tshemsedinov Github автора: https://github.com/tshemsedinov Группа в телеграме: https://t.me/metaedu

Готовим варианты загрузки

Популярные

HD видео

Только звук

Все форматы

* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."

** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах

Вопросы о скачивании видео

Как можно скачать видео "💻 Коллекции в JavaScript: массивы и объекты - Array и Object - курс для начинающих"?

Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.
Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.
UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.

Какой формат видео "💻 Коллекции в JavaScript: массивы и объекты - Array и Object - курс для начинающих" выбрать?

Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.

Почему компьютер зависает при загрузке видео "💻 Коллекции в JavaScript: массивы и объекты - Array и Object - курс для начинающих"?

Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.

Как скачать видео "💻 Коллекции в JavaScript: массивы и объекты - Array и Object - курс для начинающих" на телефон?

Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.

Как скачать аудиодорожку (музыку) в MP3 "💻 Коллекции в JavaScript: массивы и объекты - Array и Object - курс для начинающих"?

Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.

Как сохранить кадр из видео "💻 Коллекции в JavaScript: массивы и объекты - Array и Object - курс для начинающих"?

Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.

Сколько это всё стоит?

Нисколько. Наши сервисы абсолютно бесплатны для всех пользователей. Здесь нет PRO подписок, нет ограничений на количество или максимальную длину скачиваемого видео.