Создание массивов

Чтобы создать массив, запишите его элементы в квадратных скобках [ ] через запятую:

const shoppingList = ["яблоки", "шоколад", "булочки"];

Элементы могут быть любого типа: строки, числа или логические значения (true и false). Их можно даже смешивать в одном массиве. Массив может быть и пустым, вообще без элементов. Как добавлять в него элементы, вы узнаете позже в этом уроке.

const prices = [45, 12.5, 30];
const mixed = ["текст", 123, true];
const nothingYet = [];
console.log(prices);
console.log(mixed);
console.log(nothingYet);

Вывод:

[45, 12.5, 30]
["текст", 123, true]
[]

Консоль показывает строки в кавычках, а числа и логические значения — без них, точно так, как они записаны в коде. Но на практике в массиве обычно лежат значения одного вида, например список имён или список цен.

Частая ошибка — пропущенная запятая между элементами. Код ["яблоки" "шоколад"] вообще не запустится и завершится ошибкой SyntaxError: Unexpected string.

Часто нужно вывести массив с подписью. Будьте внимательны, как вы соединяете подпись и массив. С помощью + JavaScript сначала превращает массив в текст, и скобки с кавычками пропадают. Если разделить подпись и массив запятой, console.log() выведет массив как обычно, со скобками и кавычками, и поставит пробел после подписи:

const shoppingList = ["яблоки", "шоколад", "булочки"];
console.log("Купить: " + shoppingList);
console.log("Купить:", shoppingList);

Вывод:

Купить: яблоки,шоколад,булочки
Купить: ["яблоки", "шоколад", "булочки"]

Шаблонная строка тоже превращает массив в текст: `Купить: ${shoppingList}` тоже даст Купить: яблоки,шоколад,булочки. Поэтому, когда выводите массив с подписью, ставьте запятую.