Топ-12 фишек программирования на JavaScript с массивами. Ты просто обязан их знать! 

Пишите комментарии/вопросы, на все отвечаю ✌🏻✌🏻

Огромное спасибо, очень полезная информация. Успехов тебе !

Отличное видео. Спасибо!

Спасибо автору. Продолжай пилить годные видео🙂

Деструктуризация по ключу из объекта с помощью Array.from(new_car, ({car}) => car) Очень помогла мне в одной из моих задач на работе, спасибо за видео. Интересно посмотреть про интересные и полезные фишки по работе с объектами!

Ты мне сильно помог, спасибо!)

Спасибо автору, супер видео!!!

хорошо было бы к следующим таким видео в описании увидеть тайм коды с примерами которые рассматриваются

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

Оо, вот за fill спасибо! Не знала такого)

Дай бог тебе здоровья

Привет, хотел бы заметить, что метод reverse меняет исходный массив, а не возвращает новый. На это нужно обратить внимание.

Спасибо за это видео

Люблю смотреть подобные видео. Всегда что-то новенькое нахожу. Автору спасибо! Один совет и автору и зрителям: в этом видео можно было бы заменить почти что все операторы "let" на операторы "const". Если правильно помню, то только в одном случае в видео оператор let нужен. Приучите себя всегда использовать const, а let использовать только тогда, когда вам это действительно очень сильно нужно. Вы сэкономите себе кучу часов бессмысленного дебага в будущем, когда будете писать более сложные проекты!

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

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

Спасибо!)

эх, где ты был раньше) скок нервов было потрачено

В первые раз вижу что примеры кода используются на фоне городского трафика, превосходно )) с объектами ещё фишки покажи буду признателен

Thank you!

оч полезно) знаю 7/10, но круто, спс

И вот ты решил задачу в одну строку красиво, хорошим методом. А следующий вопрос на собеседовании такой: теперь сделай тоже самое без использования методов массива, чисты js. Я так делал на нативе найти совпадения из одного массива в другом, с сохранением сколько раз получается совпадение :)

полезно спасибо

Спасибоо!

отличное видео! будет ли прододжение с методами строк или обьектов? или задачки на собеседовании?

Насчёт поиска пересечений двух массивов не согласен. Filter с вложенным include даст ужасную асимптотику O(n²). Лучше использовать структуру данных Set. Запихнуть туда весь меньший массив и искать вложения элементов из большего массива. Тогда мы получаем O(nlog2(n)), что намного лучше. Код не очень сильно усложнится, зато скорость поднимется значительно.

Насчет реверса вообще убило, на собеседовании часто интересуются как вы мыслите в таких задачках, а ты подсказываешь просто метод использовать и всё)) Вот примерчики собственной реализации reverse, а то знание метода reverse как такового не очень хороший ответ)) let reverse = [...arr1].map((item, idx, source) => source[source.length - idx - 1]); let reverse = [...arr1].reduce((acc, item, idx, source) => acc = [...acc, source[source.length - idx - 1]], []);

Можно немного добавлю. Если вы не собираетесь в данной итерации менять содержимое переменной, то лучше использовать const, а не let. Столкнулся с этим только когда начал работать.

Очень круто я пересечения масивов решал чере loop где сравнивал значения... короче спс!!!!!!

спасибо

Nice

9:31 Почему arr.splice(0, arr.length) это "самый правильный способ" для очистки массива? Почитал ветку на stackoverflow посвященную этому вопросу и пришел к выводу (как я и думал раньше), что самый правильный способ это arr.length = 0;

Да, спасибо, было полезно, лайк)

Спасибо! Искал чтото похожее. От #6 в восторге . Запиши еще как перебирать вложенные массивы обьектов и обьекты массивов.

Array.reverse() на месте меняет сортировку, поэтому нет смысла создавать ещё одну переменную. Это не очевидно, но многие джуны могут много времени потратить на дебаг с вопросом: "Какого ХХХ у меня массив развёрнут?" ) developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse Возможные решения: const new_arr = [...nums].reverse(); const new_arr = nums.slice().reverse();

10:57 Очень сомневаюсь, что с таким решением задачи по нахождению пересечения массивов, человек пройдет собеседование. Я бы точно не принял такой вариант. Банально из-за производительности и невозможности масштабирования (без потери производительности). Правильный вариантом тут будет цикл по всем элементам всех массивов с сохранением значения элемента в качестве ключа во временном hash (если элементе массива это объект, то для такого кейса тоже можно придумать решение). Очень упрощенное решение: var arr1 = [1,2,3,4,5,], arr2 = [4,5,6], arr3 = [7,8,9,1]; var hash = {}, uniq = [...arr1, ...arr2, ...arr3].filter(item => { if (hash[item])return false; return (hash[item] = true); }); var hash2 = {}, dupl = [...arr1, ...arr2, ...arr3].filter(item => { return (hash2[item] = (hash2[item] || 0) + 1) > 1; }); console.log(uniq, dupl);

Возможно ли видео с детальным разбором метода reduce()? уж очень сложно понять его... особенно когда дело доходит до ассоциативных массивов..

можете снимать такие видео на c++ и java oop

4:27 Несмотря на то, что это правильный ответ, я бы на собеседовании спросил бы ещё: а как эту задачу можно выполнить без spread-оператора? Например, с помощью того же Array#reduce (+ Object.keys), который в этом уроке показан, но как с ним работать на практике - не показано. Конкретно, не показана очень важная фича Array#reduce - в качестве аккумулятора может выступать не только примитивное значение, но и объект.

Привет. Спасибо за видео! А как собрать все объекты в массив, которые находятся в массивах массива, без for each? Есть способ?

а чего картинку про: Array(10),.map((_, i) => i) // undefined показал, а решение не показал?

Блин, сейчас как раз учу массивы на одном сайте и иногда всё не получается выполнять задания, которые там дают, становится стыдно из-за этого. Хотел бы узнать, это нормально или нет.

5:34 Извиняюсь, я прям слишком мало знаю о js, но очень интересно знать зачем в 4 строке, перед new ставить три точки?

Кто-нибудь знает как удалить превью так чтобы она не отправлялось форме (php). Input type = file atr. Multiple . Если вдруг например передумал отправлять какой-либо из выбранных файлов. Проблема в том что Preview удаляется, но видимо не полностью и все равно отправляется форме.

В последнем примере можно записать вот так let random_num = arr[~~(Math.random() * arr.length)]

Почему snake_case в js?

11:36 - надо было так же указать что .reverse(), .sort() - методы массивов модифицируют основной массив! Поэтому надо создавать копию массива и на этой копии уже применять те методы

Все знал, все понятно.. Но три точки пред "new" что означают?

1) Метод reduce - почему пишется в 1 одну строчку? Не лучше ли для читабельности создать переменную reducer = (a,b) => a+b ? В чем разница ? И как узнать в VScode за сколько миллисекунд выполняется задача ?

9:30 Чем метод splice правильней присваивания пустого массива? При работе с крупным массивом ответ от splice занимает от 2-3мс и выше,когда же присваивание пустого массива 0.

В варианте очистки массива путём присваивания пустого массива будет работать если в коде больше нету переменных ссылающихся на исходный массив... допустим есть некоторая переменная let arrayOfNums = nums; после присвоения перменной nums пустого массива привязку arrayOfNums мы не очищаем... В реальности такой метод, с высокой вероятностью, приведёт к ошибке в логике..

Ты просто Супер)))

А зачем было использовать Spread operator вместе с сэтом для того, чтобы получить эррэй с уникальными значениями? Я сделал так: const newArr = [new Set(oldArr)], не используя спрэд, и мне выдало тот-же эррэй с уникальными значениями.

А зачем в примере, где выводим рандомный элемент масива, нужны скобки вокруг nums2.length? Да и вокруг Math.floor(...) - тоже скобки не нужны вроде. Или нужны? А зачем?

Здравствуйте Пересечение двух массива был чуть чуть не попятен

Возможно, сделать видео по классам в JS ?

Два последних приёма были показаны в предыдущем видео.

Как я понял, трудно найти вакансию js, почти всегда требуется ещё и хорошо вёрстку знать

Почему в reduce не указал значение по умолчанию ‘’’arr.reduce((acc, cur) => acc + cur, 0)’’’

Очень помогает. 🐕🐕🐕🐕🐕🐕🐕🐕🐕

Чтобы очистить массив ты применяешь 2 функции, просто поставить [] куда лучше

Можно nums.splice(0) раз уж на то пошло. Без второго параметра и так удалит все до конца.

fill, reverse и random уже были в прошлом уроке, чтобы этого не происходило можно добавлять в описание список фишек

5 копеек : раз уж про собеседования, falsy значения явно кастуются в примере#2 к Boolean, но console.log(undefined&&true) // undefined

Я 2

splice не очищает Boolean

Создание массива уникальных элементов через new Set очень индусским кодом отдаёт )

forEach

reduce не стоит делать без дефолтного значения, иначе пустой массив уронит этот код

Следующие методы обьектов ?)

А как удалить истинные значения, из массива? 2:57

Сделай пожалуйста про electron.js

Привет, а как написать функцию в консоль, чтоб к примеру на почте gmail удалить каждое второе сообщение?

Если у меня есть три объекта, у каждого объекта есть св-ва age, я хочу просуммировать их общий возраст, я иду по массиву методом reduce и в return пишу return acc.age + next.age, получаю Nan, потому что age записан как строка, как мне преобразовать age в number? в итоге я перед этим прошёл по массиву методом map и преобразовал age в int, но это ш маразам, я б и циклом быстрее сделал, кто знает почему я лох?)

let sum = eval(nums.join('+'))

Так где 1080p?

What is your site's url, pls?

nums.reduce((acc, cur) => acc + cur, 0)

3:31 "и в скобках мы пишем по какому значению. В нашем случае рассматриваем только булевы значения." А как метод filter узнал, что из булевых нам нужны только "верные" значения? Магия однако)) Я знаю как это работает, поэтому объяснять мне ничего не надо. Знают ли новички и знает ли сам автор? Ведь он просто в скобках просит: "пожалуйста по булевому значению". И вуаля. Вообще-то filter сам преобразует айтем в булево значение и использует его.

а зачем выводить в консоль, если данные выводятся в сообщениях, то ни лучше ли выводить в пользовательских сообщениях, таких как alert, innerHTML, document.getElementById или document.write? или консоли нужны для тестирования?

А почему на превьюхе связной список?

let sum = arr.reduce((total, current) => total + current);

1) Первое задание предпочитаю на практике решать таким способом: let sum = 0; arr.map(x => sum += x);

Массив это тоже объект

не забивайте людям могли говно-кодом, тестируйте пожалуйста эффективность своего кода, когда советуете. const arr = new Array(1000000).fill(Math.floor(1 + Math.random() * 1000)); let test=[]; let count=100000; let times = []; let startDate, endDate = 0; console.time('F1.length'); startDate= new Date().getTime(); for(i=0; i

На первьюхе односвязный список, а не массив

Фильтрация булевых значений - у вас ошибка, так как значение "red" является строкой, и 2 - это Number.

nums.reduce((a , b) => a + b)

Понятно только тем, кто и так в теме. Минин намого лучше это рассказывает.

Про reduce нужно подробнее рассказывать - он на первый взгляд кажется тупым и бесполезным.

Серьезно такие вопросы на собесах?Пффффф, слишком легко

Можно немного добавлю. Если вы не собираетесь в данной итерации менять содержимое переменной, то лучше использовать const, а не let. Столкнулся с этим только когда начал работать.