Що робить Array.of()?
Метод Array.of() створює новий масив із будь-якої кількості переданих аргументів,
незалежно від їхнього типу та кількості.
Він вирішує одну важливу невідповідність у поведінці конструктора Array().
Приклад:
javascript
const arr = Array.of(1, 2, 3);
console.log(arr); // [1, 2, 3]Кожен аргумент стає окремим елементом нового масиву.
Проблема з Array():
Якщо викликати Array() з одним числом, він створює не масив із цим числом,
а порожній масив заданої довжини:
javascript
Array(3); // [ <3 empty items> ]
Array.of(3); // [3]
Array.of()завжди створює масив "як є", аArray(3)сприймає 3 як "довжину масиву".
Синтаксис:
javascript
Array.of(element1, element2, ..., elementN);| Параметр | Опис |
|---|---|
elementN | Елементи, які потраплять до нового масиву |
Приклади використання:
Один елемент
javascript
Array.of(5); // [5]Кілька елементів
javascript
Array.of(1, 2, "JS", true); // [1, 2, "JS", true]Без аргументів
javascript
Array.of(); // []Відмінність від Array.from()
| Метод | Що робить |
|---|---|
Array.of() | Створює масив з аргументів |
Array.from() | Створює масив з ітерованого об'єкта (наприклад, рядка, Set, NodeList) |
Приклад різниці:
javascript
Array.of("a", "b", "c"); // ["a", "b", "c"]
Array.from("abc"); // ["a", "b", "c"]Коротко:
| Що робить | Створює масив із переданих значень |
|---|---|
| Повертає | Новий масив |
| Змінює вихідні дані | Ні |
Вирішує проблему з Array(число) | Так |
| Приклад | Array.of(3) -> [3], а не [ <3 empty items> ] |
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.