Result University

Привет! Сегодня поговорим про метод 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

Полезная шпаргалка? Дайте нам знать своими 🔥 и 👍



#шпаргалка