Знакомство с расширенными методами работы с массивами JS
Массивы являются ключевыми элементами в JavaScript. Разработчики могут создавать более оптимизированный код, используя методы массивов, ускоряя веб-разработку.
Хотя такие методы, как push(), pop() и splice(), широко известны и широко распространены, API массивов JavaScript имеет множество других удобные методы.
В этой статье мы рассмотрим 10 таких методов, которые, возможно, менее известны, но имеют неоценимое значение в определенных сценариях разработки приложений.
1. Массив.из():
Это экономит массу времени с объектами, подобными массивам. Преобразуйте NodeLists или другие итерируемые структуры непосредственно в массивы. Используйте Array.from() при работе с элементами DOM, и вы хотите использовать всю мощь методов массива.
let nodeList = document.querySelectorAll('div'); let arrayFromNodeList = Array.from(nodeList); console.log(arrayFromNodeList); // Converts NodeList to Array
2. Массив.of():
Этот метод создает новый массив из своих аргументов, что является удобной альтернативой традиционному конструктору Array().
let arrUsingArray = Array(7); let arrUsingArrayOf = Array.of(7); console.log(arrUsingArray); // [ <7 empty items> ] console.log(arrUsingArrayOf); // [7]
Краткий способ инициализации массивов без неожиданных результатов.
3. Массив.заполнить():
Инициализируйте или сбросьте массивы с унифицированными значениями, используя fill().
let defaultArray = new Array(5).fill('default'); console.log(defaultArray); // ["default", "default", "default", "default", "default"]
4. Массив.найти():
Более быстрый способ найти первый элемент массива, соответствующий определенному условию. Идеально подходит для быстрого поиска, когда вам нужно только первое совпадение.
let numbers = [5, 12, 8, 130, 44]; let found = numbers.find(element => element > 10); console.log(found); // 12
5. Массив.findIndex():
findIndex(), близкий родственник find(), возвращает индекс первого элемента, соответствующего заданному…