Великие разработчики 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, которые вам следует знать. Возможно, вы уже знакомы с некоторыми из них, но, вероятно, некоторые из них будут для вас новыми. Если это так, подумайте о том, чтобы попробовать их в своих собственных проектах и посмотреть, могут ли они помочь решить какие-либо проблемы или упростить вам жизнь в целом! И не забывайте заглядывать сюда время от времени, потому что мы всегда добавляем больше крутых руководств, подобных этому.