Статичний метод JavaScript Array.from () створює екземпляр масиву з поверхневим скопіюванням з масивоподібного або ітерабельного об’єкта.
Синтаксис from()
методу:
Array.from(arraylike, mapFunc, thisArg)
from()
Метод, який є статичний метод, викликаються з допомогою Array
імені класу.
від () Параметри
from()
Метод приймає в:
- arraylike - схожий на масив або ітерабельний об’єкт для перетворення в масив.
- mapFunc (необов’язково) - Функція відображення, яка викликається для кожного елемента.
- thisArg (необов’язково) - значення, яке використовується як це при виконанні mapFunc.
Примітка : Array.from(obj, mapFunc, thisArg)
еквівалентно Array.from(obj).map(mapFunc, thisArg)
.
Повернене значення з ()
- Повертає новий
Array
екземпляр.
Примітка : Цей метод може створювати масив з:
Array
-подібні об'єкти - об'єкти, що мають властивість length і мають індексовані елементи, такі як рядки.- Об'єкти, що піддаються ітерації, такі як Map або Set.
Приклад 1: Використання методу from ()
// Array from String let arr1 = Array.from("abc"); console.log(arr1); // ( 'a', 'b', 'c' ) // Array from Map let mapper = new Map(( ("1", "a"), ("2", "b"), )); let arr2 = Array.from(mapper); console.log(arr2); // ( ( '1', 'a' ), ( '2', 'b' ) ) let arr3 = Array.from(mapper.keys()); console.log(arr3); // ( '1', '2' ) // Array from Set let set = new Set(("JavaScript", "Python", "Go")); let arr4 = Array.from(set); console.log(arr4); // ( 'JavaScript', 'Python', 'Go' )
Вихідні дані
('a', 'b', 'c') (('1', 'a'), ('2', 'b')) ('1', '2') ('JavaScript', 'Python ',' Go ')
Це працює і для інших ітерабельних об'єктів.
Приклад 2: Використання методу from () з mapFunc
function createArr(arraylike, mapFunc) ( return Array.from(arraylike, mapFunc); ) // using arrow function for mapFunc let arr1 = createArr("123456", (x) => 2 * x); console.log(arr1); // ( 2, 4, 6, 8, 10, 12 )
Вихідні дані
(2, 4, 6, 8, 10, 12)
Рекомендуємо прочитати: Карта масиву JavaScript ()