JavaScript массивы - основы. Приведение к строке. Копирование, объединение и сравнение массивов.

✏️ Изучаем основы массивов. Учимся получать и изменять элемент массива по его индексу. Знакомимся со свойством длины массива length. Разбираемся с методами at, push, unshift, pop, shift, toString, join, slice, concat. Учимся копировать, объединять и сравнивать массивы. Разбираемся с тем, как проверять сущность на массив через Array.isArray.
🔴 Timeline:
▶ 00:00​ | Введение
▶ 00:19​ | Массивы
▶ 01:27​ | Массив - это объект
▶ 02:14​ | Получение элемента массива по его индексу
▶ 05:28​ | Изменение элемента массива
▶ 07:33​ | Длина массива - свойство length
▶ 08:01​ | Получение последнего элемента массива через length и метод at
▶ 09:36​ | Добавление элемента в конец и начало массива - методы push и unshift
▶ 11:27​ | Удаление элемента с конца и с начала массива - методы pop и shift
▶ 12:51​ | Приведение массива к строке - метод toString
▶ 13:36​ | Преобразование массива к строке - метод join
▶ 14:19​ | Преобразование строки к массиву и обратно - методы split и join
▶ 15:32​ | Копирование массивов
▶ 17:12​ | Метод slice
▶ 18:18​ | Объединение массивов
▶ 18:42​ | Метод concat
▶ 19:29​ | Сравнение массивов
▶ 22:34​ | Проверка на массив, функция Array.isArray
▶ 25:15​ | Заключение
📚 Ссылки:
➖ Документация по JavaScript от MDN: developer.mozilla.org/ru/docs...
➖ Русскоязычный справочник по JavaScript Doka: doka.guide/js/
➖ Фундаментальный онлайн учебник по JavaScript: learn.javascript.ru/
💬 Чат в телеграмме (помощь новичкам):
t.me/friendlyFrontendChat
🔸 Boosty (поддержать канал):
boosty.to/friendly-frontend
🗂️ Бесплатные курсы на канале:
🟠 HTML: • HTML курс 2024
🔵 CSS: • CSS курс 2024
🟡 JS: • JavaScript курс 2024
🟢 A11y: • Accessibility курс 2024
⚪️ Мастер-класс по верстке для новичков: • Верстка Kropp Fitness ...
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): • Верстка Positivus (HTM...
🗺 Frontend Roadmap 2024 • Frontend Roadmap 2024 ...
📌 Автор:
➖ Личный сайт: aleksanderlamkov.ru/
➖ Telegram: t.me/friendlyFrontend
➖ Boosty: boosty.to/friendly-frontend
➖ GetMentor: getmentor.dev/mentor/aleksand...
➖ Solvery: solvery.io/mentor/aleksanderl...
#frontend #фронтенд #js #javascript

[@AleksanderLamkov]

📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 t.me/friendlyFrontendChat Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂

[@Anatoli-bq1pe]

Большое спасибо за очередной классный видос!

[@miwanjaGR]

Лайк, спасибо за видосик!

[@svitboomer8840]

А я смотрю ты взял тенденцию на крутые кофты. Одобряю!

[@smotritelyoutube]

Лайк, ждём следующее видео

[@virtuoz-ru]

Футболка 👍

[@Ruslan_Emurlaev]

Спасибо за видео!

[@biscvie]

Спасибо!

[@summerchill2723]

После js, дальше будут уроки по TS и react?

[@AleksanderLamkov]

Пока рано об этом говорить. Буду ещё мастер-классы с JS делать.

[@user-rb6yp8hf5z]

Привет, спсибо за урок! Почему в 20:33 при сравнении значение length используеться строгий оператор сравнения? свойство обьектов/массивов length же как я понимаю может хранить в себе только тип данных number

[@AleksanderLamkov]

Привет! Использовать нестрогое сравнение в целом считается плохой практикой, поэтому лучше привыкать всегда писать три знака при проверке, даже если 100% уверен, что сравниваем данные одного типа.

[@user-rb6yp8hf5z]

Вооот, еще хотелось бы узнать зачем конкретно в этом примере используються const value1,2. Можно ли писать for(const key in arr1){ if(arr1[key] !== arr2[key]){ return false } } А точнее почему ты не использовал такую конструкцию?

[@user-rb6yp8hf5z]

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

[@AleksanderLamkov]

Потому что дополнительные переменные с говорящими названиями упрощают чтение кода. Многосоставные инструкции в круглых скобках if частенько полезно выносить в переменные.

[@AleksanderLamkov]

Даже если бы эти переменные не были переиспользованы неоднократно, я бы всё равно предпочел их оставить, чтобы код было читать проще 🙃

[@Fate095]

А примерно с какого урока ты перейдешь на js в браузере?

[@AleksanderLamkov]

Примерно с 24-го. Очень уж много тем в базовом джаваскрипте.