Массивы в JAVASCRIPT. Методы массивов. Редактирование, поиск, сортировка. Уроки JavaScript с нуля

Массив – это особый подвид объектов. Он позволяет нам хранить данные, но, в отличии от объектов, мы можем управлять этими данными более гибко. Как работать с массивами и применять различные методы мы сейчас и разберемся! Но то, что действительно делает массивы особенными – это их внутреннее представление. Движок JavaScript старается хранить элементы массива в непрерывной области памяти, один за другим. Существуют и другие способы оптимизации, благодаря которым массивы работают очень быстро. Но все они утратят эффективность, если мы перестанем работать с массивом как с «упорядоченной коллекцией данных» и начнём использовать его как обычный объект. Массивы тщательно настроены в движках JavaScript для работы с однотипными упорядоченными данными, поэтому, пожалуйста, используйте их именно в таких случаях. Если вам нужны произвольные ключи, вполне возможно, лучше подойдёт обычный объект { }.

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 (преобразование массива)
29:44 - Перебор элементов массива. Циклы и метод forEach
33:03 - Методы reduce/reduceRight
37:05 - Правильное использование массивов
38:49 - Домашка
39:45 - Заключение

👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!

🤟 Живи, а работай в свободное время! ©

[tanitapak]

давайте ставить лайки по больше, репостить и тд, чтоб
Женя продолжал делать уроки по js 😭😭😭
Они действительно помогают, полезные

[igoril]

Бедный Иштван - загоняли по массиву

Урок конечно супер! Я неделю по книжке разбирался - а тут за 40 минут добил до идеала. Я тут кстати где то ныл что по видео учиться сложно. Видимо набрался критический обьем информации и стало легче. Делаю так посомтрел видео, часа через два пересмотрел еще раз на следуший день практика + чтение теории и все супер

[WorldCitizen]

учусь в офлайн школе и скажу что Женя в онлайн все подает лучше, понятней и структурировано! Спасибо за прекрасные уроки!!!

[bonickd]

Утро стало лучше как только я увидел видео Жени. Спасибо за твои старания

[foobar-fhky]

Бошка кипит. Ещё раз 15 пересмотрю как минимум😅 Спасибо, Женя!

[RiD]

Как же полезно и всё структурировано по полочкам, всё очень понятно.Женя ты лучший на ютубе по веб разработке в СНГ.

[Весёлыехлопьяиконечножепряники]

Как всегда качественно, по теме, интересно и классно спасибо

[НиколайГроза-ен]

Отдельное спасибо за тайм-коды. Очень удобно👍

[it]

Красава ты конечно, не то что ребята с других каналов, которые только и делают, что снимают видосы по верстке простеньких макетов для новичков, потому что их больше смотрят. Спасибо)

[felixdiaz]

Без шуток. Я читал learnJS и люто не понимал, как бы не пробовал перечитывать снова и снова..
А потом просто посмотрел это видео. И всё. Теперь я разобрался во всех методах.
Спасибо огромное автору! Подписался! Очень хорошо объясняете!

[NatalyaGalyamova]

Это самый лучший урок по методам массивов! Благодарю! 💐

[urafrank]

Thank a lot of!

// №_1

// Выведется число 4(length - длинна). В переменную "newArr" мы присвоили ссылку на массив "arr", и после этого добавили новый элемент - 'Петя';
// Таким образом у обоих переменных меняется значения массива. При их сравнении выдаст "true":
let arr = [ 'Ваня', 'Иштван', 'Оля', ];
let newArr = arr;
newArr.push('Петя');
console.log(arr.length);
console.log(newArr === arr);

// №_2
//1
const users = [ 'Ваня', 'Иштван' ];
//2
users.push('Оля');
//3
users[1] = 'Петя';
// 4
console.log(users.indexOf( ' Петя' ));
//5
const removedUser = users.shift();
console.log(removedUser);
//6
users.unshift( 'Маша', 'Паша' );
console.log(users);


// №_3

// Метод "splice" позволяет: удалять, заменять, добавлять - элементы; splice(начало, сколько, добавление элементов);
let arr2 = [ 'Ваня', 'Иштван', 'Оля', ];
let removedElement = arr2.splice(1, 1);
console.log(removedElement);

// №_4

// Метод "split" разделяет строку на элементы в массив. Дополнительно можно указать кол-во элементов, которые попадут в массив: split( 'разделитель', кол-во элементов );
let str = ' Ваня, Иштван, Оля ';
let strArr = str.split( ', ' );
console.log(strArr);

// №_5

// previousValue в начале работы метода равен - 9;
// Если в методе "reduce" не указывается второй аргумент(значение "previousValue"), то начальное его значение будет - значение первого элемента массива, и при этом "item" - будет вторым элементом массива;

[_AKBAHABT]

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

[АннаМ-ги]

Отправляю свою благодарносиь и безмерную любовь за доступность объяснений!!!

[shukonfadah]

все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём! желаю мира и спокойствия вашей стране и семье

[chudotech]

Огромное спасибо за эту колоссальную и прекрасно выполненную работу!

[AndriiNakonechnyi-fy]

Как ни странно с видеоуроков впитывается инфа легче, нежели текстом.
Основы проходил неделю плотно перечитывая, а здесь хватает два раза урок пересмотреть, респект =)

[Сергей-юих]

1-43 От начала до конца просмотрел весь курс:
"БЕСПЛАТНЫЙ курс по верстке сайтов (Front End). Уроки HTML CSS JS // Фрилансер по жизни
Фрилансер по жизни - IT и фриланс".

А что-то из курса и по несколько раз для понимания и усвоения информации. Но в основном материал подан на ложечке и разжёвано, воспринимаешь и понимаешь сразу. Евгений спасибо за Огромный проделанный труд! Желаю Тебе успехов и не останавливаться на достигнутом, как и всем твоим подписчикам! Круто!!!

[asmr_ambience]

Женя, спасибо вам большое! Бесконечно жаль что вы перестали вести уроки(

[denyszhurbin]

Очень конструктивные видео у Вас. Спасибо за труды!