Тёмный

Урок JavaScript №28 - Методы массива | Курс FrontEnd 2021 

Фронтенд от Палыча
Подписаться 2 тыс.
Просмотров 2 тыс.
50% 1

Что можно делать с массивом: сортировать, копировать, искать, преобразовывать и какие еще у него есть методы. Разберем большую часть. Запоминать не нужно, со временем все само запомнится.
Домашнее задание:
Воспользуйтесь каждой функцией
1) Возьмите из массива все элементы кроме первых двух и последних двух
2) Объедините 2 массива в один
3) Выводите "есть" если в массиве есть не четное число
4) Преобразуйте массив чисел в массив с квадратами этих чисел
5) Отсортируйте массив чисел и строк, чтобы числа шли по порядку, а строки по алфовиту
6) Замените все пробелы в строке на нижнее подчеркивание
7) Посчитайте сумму не четных чисел в строке
Курс Frontend разработки 2021 - уроки по JavaScript с нуля до junior.
Уже знаем:
push(...items) - добавляет элементы в конец
pop() - извлекает элемент с конца
shift() - извлекает элемент с начала
unshift(...items) - добавляет элементы в начало
forEach(func) - вызывает func для каждого элемента. Ничего не возвращает.
Сегодня узнаем:
...arr - spread, разбирает массив на элементы
func(...theArgs) - rest, собирает остальные параметры
slice(start, end) - создаёт новый массив, копируя в него элементы с позиции start до end (не включая end).
concat(...items) - возвращает новый массив: копирует все члены текущего массива и добавляет к нему items. Если какой-то из items является массивом, тогда берутся его элементы.
includes(value) - возвращает true, если в массиве имеется элемент value, в противном случае false.
indexOf/lastIndexOf(item, pos) - ищет item, начиная с позиции pos, и возвращает его индекс или -1, если ничего не найдено.
find(func)/filter(func) - фильтрует элементы через функцию и отдаёт первое/все значения, при прохождении которых через функцию возвращается true.
findIndex похож на find, но возвращает индекс вместо значения.
map(func) - создаёт новый массив из результатов вызова func для каждого элемента.
sort(func) - сортирует массив «на месте», а потом возвращает его.
reverse() - «на месте» меняет порядок следования элементов на противоположный и возвращает изменённый массив.
split(string)/join(string) - преобразует строку в массив и обратно.
reduce(func, initial) - вычисляет одно значение на основе всего массива, вызывая func для каждого элемента и передавая промежуточный результат между вызовами.
подробнее: https:learn.javascript.ru/array-methods
00:00 - Вступление
02:40 - spread
04:36 - rest
06:56 - slice
10:53 - concat
14:18 - includes
17:50 - indexOf
22:18 - find
27:24 - filter
29:50 - findIndex
30:08 - map
34:57 - sort
51:28 - reverse
52:30 - split/join
55:46 - reduce
01:04:10 - Цепочка вызовов
01:10:04 - Концовка

Опубликовано:

 

28 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 19   
@maxsam5741
@maxsam5741 8 месяцев назад
уф.. я досмотрел))) запомнил примерно... что возможно делать то с массивом вообще в целом))))) спасибо за подробное разъяснения и труд) очень рад что попал на твой канал
@user-vs1lq8xm7c
@user-vs1lq8xm7c Год назад
Спасибо, Пал Палыч!
@f-len
@f-len 2 года назад
Уфф)) Досмотрел)) Очень познавательно. Отдельное спасибо за разъяснение sort() и за цепочку вызовов.
@w0x3rrr81
@w0x3rrr81 Год назад
спасибо большое за урок!
@andreymarchanko6629
@andreymarchanko6629 2 года назад
Супер урок! супер канал. Большое тебе спасибо)
@devshof7350
@devshof7350 2 года назад
Спасибо за труд! Очень интересный и полезный урок.
@PitbullGladiatorLive
@PitbullGladiatorLive 2 года назад
Жаль что не так часто выходят новые видео, хочется по быстрее пройти ваш курс по js(
@user-pj8cc8tw1u
@user-pj8cc8tw1u 2 года назад
Я вернулся!
@phpstudy8625
@phpstudy8625 2 года назад
Привет Палыч спасибо за уроки !!! но этот материал немного оторван от жизни, если можешь запили что-нибудь реальное или магазин со всеми фишками с полным обьяснение или сайт многостраничник и просмотров у тебя будет миллион !!!
@user-gf5wt5nw4w
@user-gf5wt5nw4w 2 года назад
Павел, здравствуйте! Расскажите, пожалуйста, про свой опыт во Frontend, какой стек технологий используете в своей работе!? Работаете в компании или на фрилансе?! Какую позицию или должность занимаете!? Благодарю вас за обратную связь!
@user-pj8cc8tw1u
@user-pj8cc8tw1u 2 года назад
Большую часть времени фронт Angular Team Lead Сейчас фронт React Senior
@user-pj8cc8tw1u
@user-pj8cc8tw1u 2 года назад
Давно хотел освоить реакт, вот перешел =)
@velikorossnationalist4259
@velikorossnationalist4259 2 года назад
@@user-pj8cc8tw1u а что лучше react или angular?)
@velikorossnationalist4259
@velikorossnationalist4259 2 года назад
Здравствуйте! Стоит ли учить сейчас (после массивов) это? * Перебираемые объекты * Map и Set * WeakMap и WeakSet * Object.keys, values, entries
@devshof7350
@devshof7350 2 года назад
* 7) Посчитайте сумму нечетных чисел в ('строке' очепятка?) и, имеется в виду, чисел в массиве?
@velikorossnationalist4259
@velikorossnationalist4259 2 года назад
А универсальный метод splice часто используется?
@user-pj8cc8tw1u
@user-pj8cc8tw1u 2 года назад
Да они в целом не часто используются, я думаю какой под руку попадётся такой и используют, но чаще slice // на счёт домашек потом отвечу (
@velikorossnationalist4259
@velikorossnationalist4259 2 года назад
@@user-pj8cc8tw1u спасибо за ответы!
@velikorossnationalist4259
@velikorossnationalist4259 2 года назад
ДЗ по методам массивов: "use strict"; //№1 const names = ["Ivan", "Irina", "Dmitriy", "Roman", "Alexey", "Sergey"]; //№2 const names2 = names.slice(2, 4); const names3 = [...names, ...names2]; console.log(names3); //№3 const numbers = [323, 12, 6, 98, 665]; const filterNum = numbers.filter(item => item % 2 !== 0) console.log(filterNum); //№4 const squareOfNum = numbers.map(item => item ** 2); console.log(squareOfNum); //№5 const sortNum = numbers.sort((a, b) => { return a - b; }); console.log(sortNum); const sortNames = names.sort(); console.log(sortNames); //№6 const str = "У меня пока все получается"; const res = str.split(" ").join("_"); console.log(res); //№7 const arrNumbers = [323, 12, 6, 98, 665]; // const result = numbers.reduce((sum, n) => sum + n * !(n & 1), 0); const result = arrNumbers.reduce((sum, current) => sum + current, 0); console.log(result);
Далее
My little bro is funny😁  @artur-boy
00:18
Просмотров 4,2 млн
🎤Пою РЕТРО Песни ✧˖°
3:04:48
Просмотров 1,7 млн
My little bro is funny😁  @artur-boy
00:18
Просмотров 4,2 млн