Великие разработчики JavaScript знают, что массивы — одна из самых мощных и универсальных структур данных. Их можно использовать для хранения объектов, чисел, дат, строк или любых других типов данных. У массивов гораздо больше хитростей в рукаве, чем вы думаете! В этом сообщении блога мы рассмотрим пять из этих приемов, которые помогут вам освоить навыки работы с JavaScript.

🚩 Как удалить ложные значения из массива.

В Javascript ложными значениями являются false, 0, ", "null, NaN, undefined. Теперь мы можем узнать, как удалить такое значение из нашего массива. Для этого мы будем использовать .filter()

let arr = [0, 'yellow', '', NaN, 1, true, undefined, 'orange', false];
arr = arr.filter(Boolean);
arr = arr.filter((a) => Boolean(a));
arr = arr.filter((a) => !!a);
console.log(arr); // Output: 👉 ["yellow" , 1, true, "orange"]

🚩 Как получить случайный элемент из массива.

Иногда нам нужно выбрать значение из массива случайным образом. Чтобы создать его, мы можем получить случайный номер индекса в соответствии с длиной массива.

const colors = ['yellow', 'orange', 'blue', 'purple', 'green'];
const randomColor = colors[Math.floor(Math.random() * colors.length)];
console.log(randomColor); 
// Output: 👉 blue

🚩 Как перемешать массив.

Перетасовка упрощается с помощью метода сортировки. Пока он возвращает случайное число, положительное или отрицательное, мы можем сортировать его в случайном порядке.

const list = [1, 2, 3, 4, 5, 6, 7, 8, 9];
const shuffled = list.sort(() => Math.random() - 0.5);
console.log(shuffled); 
// Output: 👉 [2, 8, 6, 1, 4, 5, 9, 3, 7]

🚩 Как найти пересечение двух массивов.

Мы можем использовать Set(), чтобы гарантировать, что значения в проверяемом массиве не дублируются, и мы будем использовать методы .filter и .includes. В результате мы получим массив со значениями, которые были представлены в обоих массивах.

const numOne = [0, 2, 4, 6, 8, 8];
const numTwo = [1, 2, 3, 4, 5, 6];
const duplicateValues = [...new Set(numOne)].filter(item => numTwo.includes(item));
console.log(duplicateValues); 
// Output: 👉 [2, 4, 6]

🚩 Как поменять местами значения с деструктуризацией массива.

Синтаксис деструктурирующего присваивания — это выражение JS, позволяющее распаковывать значения из массивов или свойств объектов в отдельные переменные.

let a = 1,
b = 2;
[a, b] = [b, a];
console.log(a); 
// Output: 👉 2
console.log(b); 
// Output: 👉 1

Вывод 📌

В этой статье мы рассмотрели 5 мощных трюков с массивами JavaScript, которые вам следует знать. Возможно, вы уже знакомы с некоторыми из них, но, вероятно, некоторые из них будут для вас новыми. Если это так, подумайте о том, чтобы попробовать их в своих собственных проектах и ​​посмотреть, могут ли они помочь решить какие-либо проблемы или упростить вам жизнь в целом! И не забывайте заглядывать сюда время от времени, потому что мы всегда добавляем больше крутых руководств, подобных этому.