2022-04-26 08:45:58
Привет! Сегодня поговорим про метод Array.from, что это такое и как его можно использовать.
Array.from позволяет создавать массивы из: массивоподобных объектов (объектов со свойством length и элементами по индексным ключам) или итерируемых объектов (объектов, из которых вы можете достать их элементы, например Map или Set).
Давайте разберём различные варианты его использования
Создать массив из массивоподобных объектов
Например, можно написать функцию, которая принимает аргументы как элементы массива и возвращает массив.
function createArray() {
return Array.from(arguments);
}
createArray(1, 2, 3, 4, 5); // [1, 2, 3, 4, 5]
Инициализировать массив
Например, если вам нужно инициализировать массив нулями. Используя Array.from, вы можете сделать это быстро.
Array.from({ length: 5 }, (x) => 0);
// [0, 0, 0, 0, 0]
Клонировать массив
Для получения копии массива вы можете использовать не только slice, но и Array.from.
const updatedGrades = [42, 98, 103, 18, 26, 37];
const midtermGrades = Array.from (updatedGrades);
// [42, 98, 103, 18, 26, 37]
Поможет написать функцию для задания диапазона
function range(start, stop, step) {
return Array.from({ length: (stop - start) / step + 1}, (_, i) => start + (i * step));
}
console.log(range(0,5,1)) // [0, 1, 2, 3, 4, 5]
console.log(range(0,9,3)) // [0, 3, 6, 9]
Или найти уникальные элементы массива
Для этого вам нужно использовать Array.from вместе с Set.
Array.from(new Set([1, 2, 2, 3, 3, 3, 4, 4, 4,]));
// [1, 2, 3 ,4]
Про этот классный метод вы можете почитать на MDN
Полезная шпаргалка? Дайте нам знать своими и
#шпаргалка
1.7K views05:45