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

Что можно делать с массивом: сортировать, копировать, искать, преобразовывать и какие еще у него есть методы. Разберем большую часть. Запоминать не нужно, со временем все само запомнится.

Домашнее задание:
Воспользуйтесь каждой функцией
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 для каждого элемента и передавая промежуточный результат между вызовами.

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 - Концовка

[maxsam]

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

[f-len]

Уфф)) Досмотрел)) Очень познавательно. Отдельное спасибо за разъяснение sort() и за цепочку вызовов.

[devshof]

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

[andreymarchanko]

Супер урок! супер канал. Большое тебе спасибо)

[PitbullGladiatorLive]

Жаль что не так часто выходят новые видео, хочется по быстрее пройти ваш курс по js(

[ЭдгарПриб-фш]

Павел, здравствуйте! Расскажите, пожалуйста, про свой опыт во Frontend, какой стек технологий используете в своей работе!? Работаете в компании или на фрилансе?! Какую позицию или должность занимаете!? Благодарю вас за обратную связь!

[velikorossnationalist]

А универсальный метод splice часто используется?

[velikorossnationalist]

Здравствуйте! Стоит ли учить сейчас (после массивов) это?

* Перебираемые объекты

* Map и Set

* WeakMap и WeakSet

* Object.keys, values, entries

[devshof]

* 7) Посчитайте сумму нечетных чисел в ('строке' очепятка?) и, имеется в виду, чисел в массиве?

[phpstudy]

Привет Палыч спасибо за уроки !!! но этот материал немного оторван от жизни, если можешь запили что-нибудь реальное или
магазин со всеми фишками с полным обьяснение или сайт многостраничник и просмотров у тебя будет миллион !!!

[velikorossnationalist]

ДЗ по методам массивов:

"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);