Массивы в JAVASCRIPT. Методы массивов. Редактирование, поиск, сортировка. Уроки JavaScript с нуля
ฝัง
- เผยแพร่เมื่อ 22 ก.ค. 2024
- Массив - это особый подвид объектов. Он позволяет нам хранить данные, но, в отличии от объектов, мы можем управлять этими данными более гибко. Как работать с массивами и применять различные методы мы сейчас и разберемся! Но то, что действительно делает массивы особенными - это их внутреннее представление. Движок JavaScript старается хранить элементы массива в непрерывной области памяти, один за другим. Существуют и другие способы оптимизации, благодаря которым массивы работают очень быстро. Но все они утратят эффективность, если мы перестанем работать с массивом как с «упорядоченной коллекцией данных» и начнём использовать его как обычный объект. Массивы тщательно настроены в движках JavaScript для работы с однотипными упорядоченными данными, поэтому, пожалуйста, используйте их именно в таких случаях. Если вам нужны произвольные ключи, вполне возможно, лучше подойдёт обычный объект { }.
👉 Файлы урока - fls.guru/files/tutorials/js/j...
🔴 Карта канала: bit.ly/36r29xV
🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
00:00 - В уроке
00:23 - Создание массивов. Элементы (значения) массива.
01:20 - Получение значений массива
04:07 - Длина массива. Свойство length
04:42 - Доступ к массиву
05:28 - Изменение значений массива
06:15 - Что такое очередь и стек
07:13 - Работа с очередью и стеком. Методы push/pop и shift/unshift
09:40 - Редактирование элементов массива. Метод splice
13:08 - Копирование массивов. Методы slice и concat
16:18 - Поиск в массиве. Методы indexOf,lastIndexOf и includes
17:47 - Поиск в массиве объектов. Методы Find,findIndex и filter
21:18 - Сортировка массива. Методы sort и reverse
25:08 - Метод map (преобразование массива)
26:33 - Методы split и join (преобразование массива)
28:24 - Метод Array.isArray
29:44 - Перебор элементов массива. Циклы и метод forEach
33:03 - Методы reduce/reduceRight
37:05 - Правильное использование массивов
38:49 - Домашка
39:45 - Заключение
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerlifestyle
🤟 Живи, а работай в свободное время! ©
Ну все, дальше DOM!
🔴 Карта канала: bit.ly/36r29xV
🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: facebook.com/freelancerlifestyle
🔴 Instagram: instagram.com/freelancer.lifestyle
Женя, спасибо за все. Подскажи, а настройка консоли в VC CODE ты где-то уже делал видео? Ну чтоб консоль работала внутри VC CODE
не подскажите что за музыка в конце
Привет, преподобный! я начинающий, прохожу с первого урока, установил сублимтхт3, но не получается добавить Эммит, по всякому пытался, не получается, что делать???
@@Vito_Ca, приветствую! Это уже другой текстовой редактор, правильно?? Вы предлагаете вместо соблайм техт3, правильно я вас понял, или эти редакторы откроют возможность техт3?
@@Vito_Ca, спасибо 🤗🤗🙌🙌
давайте ставить лайки по больше, репостить и тд, чтоб
Женя продолжал делать уроки по js 😭😭😭
Они действительно помогают, полезные
Спасибо!
Пора бы Жене говорить в выпусках"Если это видео наберет 10000 лайков я расскажу про модули"
Он просто пересказывает слово в слово материал отсюда - learn.javascript.ru
@@eris6695 очень доходчиво пересказывает!))
@@eris6695 он намного понятнее рассказывает, самому это учебник читать тяжко
Бедный Иштван - загоняли по массиву
Урок конечно супер! Я неделю по книжке разбирался - а тут за 40 минут добил до идеала. Я тут кстати где то ныл что по видео учиться сложно. Видимо набрался критический обьем информации и стало легче. Делаю так посомтрел видео, часа через два пересмотрел еще раз на следуший день практика + чтение теории и все супер
учусь в офлайн школе и скажу что Женя в онлайн все подает лучше, понятней и структурировано! Спасибо за прекрасные уроки!!!
Пожалуйста!
Найс байт на покупку курса
+, тоже самое
@@notrodans не нравится - не смотри, всё просто
@@Woody_Johnson какой курс?
Утро стало лучше как только я увидел видео Жени. Спасибо за твои старания
Жду продолжения с нетерпением. Огромное спасибо за такие шикарные уроки!
спасибо огромное за видосы по js! мне он тяжело дается, а ваша подача информации спасает)) пересматриваю по раза два-три и что-то остается даже в моей голове >.
Отдельное спасибо за тайм-коды. Очень удобно👍
Очень конструктивные видео у Вас. Спасибо за труды!
Спасибо тебе, как всегда вышка. Не знаю, почему только ты так просто объясняешь, знал бы про тебя раньше, не записывался бы на платные курсы(
Просто вау ! Спасибо вам большое за этот прекрасный плейлист !!!
Огромное спасибо за эту колоссальную и прекрасно выполненную работу!
Спасибо вам Женя за вашу работу, вы так доступно все разжевываете!!
Евгений, как всегда ваш урок на высоте! Спасибо!
Суперское видео, по чаще бы выходили подобные уроки, все подробно и ясно!!
Отправляю свою благодарносиь и безмерную любовь за доступность объяснений!!!
Это самый лучший урок по методам массивов! Благодарю! 💐
Бошка кипит. Ещё раз 15 пересмотрю как минимум😅 Спасибо, Женя!
Пожалуйста!
Надо не смотреть по 15 раз, а конспектировать и отрабатывать конспект на деле
@@tylerdurden9008 По факту, но думаю он за пол года освоил материал)
@@user-yq5hz4kz4b да, нормас)
@@egorkurkin356 Вау, интересно, как у тебя сейчас дела обстоят с js? Расскажи, пожалуйста
Спасибо большое за урок, Евгений! С нетерпением буду ждать следующего) Респект!
Как всегда качественно, по теме, интересно и классно спасибо
Пожалуйста!
Огроменное спасибо за уроки, а также за конспекты к ним!!! Очень удобно, потом еще раз глянуть, если забыл. Читаю книгу по js и все равно смотрю видео здесь, чтобы уъяснить до конца, не все из книги в голову ложится( В общем, спасибо!
Ещё не посмотрел и половины уроков, просто увидел новое видео и зашёл поставить лайк и комментарий не глядя! Спасибо за труд и успехов каналу!
Красава ты конечно, не то что ребята с других каналов, которые только и делают, что снимают видосы по верстке простеньких макетов для новичков, потому что их больше смотрят. Спасибо)
Спасибо за урок , Женя . Массивы - классная вещь !
Огромное спасибо за видео, так ещё и материалы с урока скачать можно, ну что за чудо!
Спасибо большое. Лучший курс по JS!!! Ждём продолжения :-)
Как всегда твои видео меня круто растормаживают. Специально этот раз шел в ютуб, искал массивы и надеялся увидет массивы на данном канале.
Женя, большое спасибо, очень полезное видео! Хотелось бы видеть и дальше новые видео по js :)
Как ни странно с видеоуроков впитывается инфа легче, нежели текстом.
Основы проходил неделю плотно перечитывая, а здесь хватает два раза урок пересмотреть, респект =)
Евгений, большое спасибо за ваши уроки! у вас дар рассказывать, так что не понять не возможно!
Спасибо большое за уроки, Жека! Ждем больше видосов на тему JS. Никто кроме тебя так качественно и мастерски не объясняет!)
Отличная подача материала!!!А главное все ясно и понятно с первого раза!!! Благодарю!!!
Досталось же сегодня Иштвану!!!😂💪🏽
И не говори :)
Я походу так сына назову
Женя, огромное спасибо за урок! Успехов и удачи по жизни!
Отличный урок, то что искал, все доходчиво объяснил ,с примерами и даже домашка есть :)
Буду ждать аналогичный урок по объектам )
Женя, спасибо больше за видео! Просмотрела весь плейлист по JS - подача материала замечательная, кратко и понятно.
Как же полезно и всё структурировано по полочкам, всё очень понятно.Женя ты лучший на ютубе по веб разработке в СНГ.
Эх, Женя, это всё так нужно этому миру, спасибо ) Желаю, чтобы побыстрее всё закончилось.
Спасибо за ролик! Пришло время вспомнить массивы
Спасибо что стараешься доступно донести инфу!
Огромное тебе спасибо за твои труды. Просто лучший!
Ждём с нетерпением следующее видео по js 🙏😉👍📚
Очень полезное начинание. Когда выйдут все курсы их нужно издать как книгу.
Тольяко я взялся разбираться с массивами - сразу оперативно видео подъехало. Как там говорится, по зову сердца
Без шуток. Я читал learnJS и люто не понимал, как бы не пробовал перечитывать снова и снова..
А потом просто посмотрел это видео. И всё. Теперь я разобрался во всех методах.
Спасибо огромное автору! Подписался! Очень хорошо объясняете!
Спасибо ты очень крут. Твоя подача материала очень понятна, а материал несет максимальную пользу
Дякую вам, Євгене, за чудові уроки.
Будь ласка!
Отдельное спасибо за домашки в конце роликов!
Женя огромное спасибо за твой труд!)
все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём! желаю мира и спокойствия вашей стране и семье
Ютуб часто рекомендовал твое видео, но я как-то никак не мог посмотреть. После просмотра, сразу же подписался и поставил лайк. Материал разложен просто на атомы как раз для таких чайников как я. Все предельно ясно и понятно. Спасибо тебе автоР!!!
самый понятный видеоурок по методу reduce. спасибо за труд.
помню как читал это на learnjavascript, ушло не менее 3 часов, чтобы все внимательно прочитать и понять, а ты это за 40 минут объяснил, сэкономил тысячам человек кучу времени, спасибо!
спасибо за мега-полезный урок, за то что продолжаете, не смотря на то что так мало лайков и просмотров
спасибо больщое forEach я эрого метода ждала. Будте всега здоровым и такимже добрым.
Отличный урок. Видно, что наш Фрилансер работает над улучшением подачи от урока к уроку. Ждем DOM.
Классное видео! Спасибо за подробное объяснение.
Спасибо!!!Разобрался, законспектировал. Иду дальше.
Не буду лохматить бабушку, всё классно, понятно, спасибо тебе в 49 раз (иду по плейлисту) Как всегда ты The Best!
огромное спасибо!!! прям в голове посветлело после просмотра!
Дякую! Дуже інформативно, концентровано і зрозуміло!
reduce прикольно объяснил. Жду скорее DOM и практику) Спасибо
В очередной раз огромное спасибо! Жека, подача темы на уровне, правда не все понял, ну ниче, пойду практиковать, лайк
Опять кайфую, супппппер!!!!!!!!!!!!!!
Я рад!
Наконец то у меня стало проясняться в голове по массивам. Спасибо огромное, за доскональное разъяснение массивов и что с ними можно делать. Прямо выручили.
Отличный материал, 40 минут строго по теме, это лайк безусловно!
Большое спасибо Евгений, очень полезное видео.
Сейчас посмотрю и буду ждать следующего видео по JS)
Так, лайк поставил, видос посмотрю завтра с утра))
учусь онлайн на курсах, все темы закрепляю просматривая ваши ролики, Евгений спасибо и низкий поклон за ваши труды!
Просто лучший!!! Спасибо тебе огромнейшее!!!!!!!!!!
Пожалуйста!
Спасибо огромное.Как обычно круто!!!!!!!!
Это гениально, спасибо.
Большое спасибо за ваши видео, очень помогают! А будет практическое написание чего либо?
Ого, прям как доктор прописал 😁 Я как раз вчера прошел видео о строках и, когда ты обращался по id (через [ ] ), задумался, что будет дальше... вряд-ли сразу DOM(но чувствую, что скоро будет 💪), а вот как раз о массивах ещё не было. Клёво, сегодня обработаю😁
Да, верно)
Очень интересно,полезно и доходчиво ! спасибо! с меня лайкосик
Спасибо за труды!😊
Большое спасибо!! Очень помогает в изчении! Респект ))))
Спасибо 🙏 за ваши труды
спасибо большое!!! каждое слово в конспект!👍
Спасибо большое за Ваш канал!
Спасибо за отличный контент!
Пожалуйста!
Спасибо, как всегда шикарно
Спасибо за полезный контент! =)
Дякую за відео! Як завжди - просто топ!
Пишу комментарий лучшему учителю, спасибо за ваши старание, за то что выпускайте подобные курсы, очень хорошая подача очень познавательно и классно, желаю автору здоровья мира и успехов!
Головне щоб фашисти пішли в свою рашку, тоді ми вернемось до життя
Cпасибо за труд! Все было мною законспектировано! Теперь осталось все выучить)))
задача 1
4
задача 2
let arr=["Ваня","Иштван"];
let arrUsers=arr;
arrUsers.push("Оля");
console.log(arrUsers);
arrUsers.splice(1,1,"Петя");
console.log(arrUsers);
let removed=arrUsers.splice(0,1);
console.log(removed[0]);
arrUsers.splice(0,0, "Маша","Паша");
console.log(arrUsers);
Задача 3
let arr=["Ваня","Иштван","Оля"];
let arrOne=arr.splice(1,1);
console.log(arrOne);
Задача 4
let str="Ваня, Иштван, Оля";
let arr=str.split(",,");
console.log(arr);
Задача 5
9
Перечитываю файл *.js и при непонятных моментах пересматриваю участки видео, открываю много нового при повторном изучении. 🤔✍💪🙌
кладезь полезной информации 🐱🏍
Урок по массивам прям такой массивный!)))) Даже урок про объекты переплюнул!!!))) (по времени).
Дякую. Думав ніколи не зрозумію, як працювати з масивами))) Як завжди все на висоті!
1-43 От начала до конца просмотрел весь курс:
"БЕСПЛАТНЫЙ курс по верстке сайтов (Front End). Уроки HTML CSS JS // Фрилансер по жизни
Фрилансер по жизни - IT и фриланс".
А что-то из курса и по несколько раз для понимания и усвоения информации. Но в основном материал подан на ложечке и разжёвано, воспринимаешь и понимаешь сразу. Евгений спасибо за Огромный проделанный труд! Желаю Тебе успехов и не останавливаться на достигнутом, как и всем твоим подписчикам! Круто!!!
Отличное сочетание простоты и доступности, вместе с исчерпающей и необходимой информацией!
Гениальный педагог и красавчик. Тыщу лайков от меня)))
Огромный лайк от меня !!!
Как всегда - без воды, четко и по делу!💪
Спасибо за урок!:)
Жека, не перестаю дивуватися скільки ж ти сил витратив на ці уроки. Велике тобі дякую
Спасибо,супер!Всё понятно
спасибо за уроки! очень жду DOM)