Як працювати з масивом

JavaScriptJunior~1 хв читання

Створити масив у JavaScript можна кількома способами, і кожен підходить під різні випадки.

1. Через літерал масиву (найпоширеніший і найпростіший спосіб)

javascript

const fruits = ["apple", "banana", "cherry"];

Елементи беруться у квадратні дужки [].
Це найшвидший і найзручніший для читання спосіб.
Можна зберігати значення різних типів:

javascript
const mixed = [1, "text", true, { name: "Tim" }, [10, 20]];

javascript

const numbers = new Array(1, 2, 3);

Але є нюанс:

javascript

const arr = new Array(5);
console.log(arr); // [ <5 empty items> ]

Якщо передано один аргумент - число, створюється порожній масив довжиною 5, а не [5].

Щоб створити [5], потрібно так:

javascript

const arr = [5];

javascript

const empty = [];

Пізніше можна додавати елементи:

javascript

empty.push("apple");
empty.push("banana");
console.log(empty); // ["apple", "banana"]

javascript

const letters = Array.from("hello");
console.log(letters); // ['h', 'e', 'l', 'l', 'o']

javascript

const set = new Set([1, 2, 3]);
const arr = Array.from(set); // [1, 2, 3]

javascript

function example() {
  const args = Array.from(arguments);
  console.log(args);
}
example(1, 2, 3); // [1, 2, 3]

Створює масив із будь-яких аргументів, навіть одного числа:

javascript

const arr = Array.of(5); // [5]
const arr2 = Array.of(1, 2, 3); // [1, 2, 3]

Спосіб	Приклад	Особливості
Літерал	`[]` або `[1, 2]`	найпростіший і найбезпечніший
`new Array()`	`new Array(3)`	створює масив довжиною 3, якщо 1 аргумент
`Array.of()`	`Array.of(3)`	створює `[3]`, без плутанини
`Array.from()`	`Array.from("abc")`	перетворює ітеровані об'єкти в масив

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.